Delay Hinzugefügt jquery event bei mouseover

Ich versuche, ein einfaches delay, um ein mouseover-Ereignis eines Kindes und Schwierigkeiten. (Immer noch lernen!)

Dies ermöglicht es mir, zeigen Sie das popup-nach einer Verzögerung, zeigt aber alle gleichzeitig:

onmouseover='setTimeout(function() { $(\".skinnyPopup\").show(); }, 600)'

und diese Werke zu zeigen, nur die popup-ich will, ohne Verzögerung:

onmouseover='$(this).children(\".skinnyPopup\").show()'

aber die Kombination nicht:

onmouseover='setTimeout(function() { $(this).children(\".skinnyPopup\").show(); }, 600)'

Jede Hilfe würde geschätzt werden. Danke!

InformationsquelleAutor TLK | 2010-09-07

  1. 4

    Müssen Sie definieren, was this ist, wenn es ausgeführt wird, so etwas wie dies funktionieren würde:

    setTimeout($.proxy(function() { $(this).children(".skinnyPopup").show(); }, this), 600)

    Oder nutzen Sie einfach .delay(), wie diese:

    $(this).children(".skinnyPopup").delay(600).show(0);

    Beide der oben genannten sind schnelle Korrekturen, ich schlage vor, Sie bewegen sich Weg von inline-Handler und check-out eine unauffällig - Methode (siehe diese Antwort von Russ Cam für einige gute Gründe), zum Beispiel:

    $(function() {
  $('selector').mouseover(function() {
    $(this).children(".skinnyPopup").delay(600).show(0);
  });
});
    +1 - ich Stimme auch mit Nick über den Weg von inline-Handler.
    Danke, das hilft meinem Verständnis. Scheint, alles wird schrulligen wenn man inline. Nicht sicher, warum, aber ich weiß sicher, dass zu vermeiden, den es jetzt!
    willkommen 🙂 wenn es verrechnet wird deine Frage sicher sein zu akzeptieren, da eine Antwort, wenn nicht, lassen Sie mich wissen, welches problem du bist immer noch 🙂
    Sorry, nicht angemeldet in eine Weile und nicht bemerken, dass die option. (n00b) Danke!

    InformationsquelleAutor Nick Craver

  2. 0

    Weil this gebunden ist, den globalen Kontext, nicht das element. Verwenden Sie so etwas wie den folgenden statt:

    //put this in your document head -- replace element with a selector for the elements you want
$(function () {
    $(element).bind("mouseover", function () {
       var e = $(this);
       setTimeout(function () { e.children(".skinnyPopup").show(); }, 600);
    });
});

    Wenn Sie darauf, über inline-event-Handler, der sollte Folgendes auch funktionieren:

    onmouseover='var self = this; setTimeout(function() { $(self).children(\".skinnyPopup\").show(); }, 600)'
    Danke!!! Nicht genutzt haben, bind() noch. Haben zu prüfen, ob aus nächsten.

    InformationsquelleAutor Cristian Sanchez

Schreibe einen Kommentar