jQuery Looping meine fadeIn / fadeOut

Question

Ich habe einige einfache .hover (function () Anweisung in jQuery getan. Wenn ich über einen Text schweben möchte ich einfach ein # div.fadeIn und auf nicht-Hover fadeOut. Es funktioniert. Aber es ist nur, wenn ich Spam der Text-Trigger mit Schwebe- und un-hoverring wirklich schnell und dann stoppt die Animation einer blinkende Wirkung zu geben beginnen. Es ist einfach Art von Schleifen, wirklich ärgerlich!

Answer 1

Es gibt ein paar einfache Möglichkeiten, dieses Problem zu beheben, aber das sollte man einen schönen Effekt für das, was Sie wollen:

$("#yourtrigger").hover(function(){
    $("#div").stop(true).fadeTo( "fast", 1.0);
}, function(){
    $("#div").fadeOut( "fast" );
});

wichtig Es ist nicht fadeIn mit dieser Methode zu verwenden, da es aufgrund der nach einer gewissen Zeit hinweg licht stoppen, wie jQuery Titel, was es soll „verblassen, um“.

Answer 2

Wenn Sie etwas wie folgt aus:

$('#your_div').action1().action2();

Ändern Sie es an:

$('#your_div').action1(miliseconds, function() {
   $(this).action2(); 
});

Sie können sogar mit v1.4, fügen Sie die Verzögerung () aufrufen, wie diese.

$('your_div').action1().delay(miliseconds).action2();