Wie zu verwenden stop() richtig in jQuery animation bei hover-Ereignis?

Ich benutze die unten aufgeführte Methode, um eine animation. Aber wenn ich meine Maus in die und aus wirklich schnell, und beenden Sie Sie innerhalb der div , die fadeIn() funktioniert nicht und die div hält transparent.

$(".grids").hover(function() {
    $('.gridscontrol').stop().fadeIn(200);
}, function() {
    $('.gridscontrol').stop().fadeOut(200);
});

InformationsquelleAutor chbdetta | 2013-01-31

  1. 14

    .stop() ohne Parameter wird einfach nur die animation Stoppt, verlassen immer noch in Warteschlange. In diesem Fall möchten Sie .stop(true) zum löschen der animation-queue.

    $(".grids").hover(function() {
  $('.gridscontrol').stop(true).fadeTo(200, 1);
}, function() {
  $('.gridscontrol').stop(true).fadeTo(200, 0);
});

    Beachten Sie auch die Verwendung von .fadeTo() seit .fadeIn() und .fadeOut() Abkürzungen haben einige unerwünschte Verhalten hier. Sie können sehen, ein Beispiel hier.

    Es funktioniert immer noch nicht. Wenn ich meine Maus wieder in die div während der fadeOut() animation, einfach aufhören und nicht Auslöser der fadeIn() animation.
    die fade-Verknüpfungen haben einige unerwünschte Effekte in der neuesten Versionen von jQuery, überprüfen Sie heraus den aktualisierten Antwort mit .fadeTo() statt.
    Danke! fadeTo ist besser!
    hi @NickCraver können bitte lösen Sie dieses Problem stackoverflow.com/questions/19178170/...
    Sorry, wenn die Fragen für Eure Hilfe hier, aber ich brauche wirklich eine hand hier stackoverflow.com/questions/19403503/... noch einmal, ich entschuldige mich für die Kommentare auf jemand anderes die Frage

    InformationsquelleAutor Nick Craver

  2. 2

    .stop( [clearQueue ] [, jumpToEnd ] )

    Sowohl clearQueue und jumpToEnd zu true.

    $(".grids").hover(function() {
    $('.gridscontrol').stop(true, true).fadeIn(200);
}, function() {
    $('.gridscontrol').stop(true, true).fadeOut(200);
});
    Das zweite argument .stop() sagt es zu springen an das Ende der Warteschlange, die würden Sie nicht wirklich wollen, das in einem hover-Fall, da auslösen würde, dass eine Deckkraft von 100% blinkt, dann fade-out beim verlassen der Fall zum Beispiel.
    Danke für die Erklärung, bekam Sie Ihren Punkt.

    InformationsquelleAutor xdazz

Schreibe einen Kommentar