jQuery Looping meine fadeIn / fadeOut
Frage
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!
Lösung
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“.
Andere Tipps
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();