Jquery.Hover funktioniert nicht für dynamische Element

Hier ist mein code

$(".inboxfeedlist li").hover(function(e){alert('');}

Dies ist nicht arbeiten für dynamisch erzeugte Elemente, auch ich habe verwenden 

$(".inboxfeedlist li").bind('hover',function(){})

ist auch nicht das arbeiten, was das problem mit dem code.

  • Können Sie simulieren Ihre situation so genau wie möglich auf jsfiddle.net?
InformationsquelleAutor Wasim A. | 2011-11-01
  1. 3

    Verwenden Sie die live-Methode:

    $(".inboxfeedlist li").live('hover', function(e){alert('');});

    Randnotiz hover dauert zwei callback-Funktionen, du meinst mouseover

    • hover kann einen einzigen parameter
    • Sie lernen jeden Tag etwas neues..., ich Frage mich immer noch, was der Anwendungsfall für diese wäre? Hatte nicht ein problem noch, das wäre erforderlich.
    • Ich benutze es für, wenn ich Umschalten so etwas wie in $(".menu li").hover(function(){$(".submenu",this).toggle()}). Denn Knebel, hängt vom aktuellen Zustand des Elements, es kann verwendet werden, für den Schwebeflug über und die hover-out.
    • Warum .live('hover' ... funktioniert aber nicht .hover auf ein dynamisches element?
    • Wie von jQuery 1.7, die .live () - Methode ist deprecated. Verwenden .auf() anfügen von Ereignishandlern. Nutzer älterer Versionen von jQuery verwenden soll .delegate() den Vorzug zu geben .live(). api.jquery.com/live
    InformationsquelleAutor topek
  2. 32

    live werden veraltet in jQuery 1.9. Wir können on mit mouseenter und mouseleave Veranstaltungen statt:

    $(document).on("mouseenter", ".save-btn", function(e) {
    $(this).css("background-image","url('ie/imgs/btn/hover-btn.png')");
    $(this).find("a").css("background-image","url('ie/imgs/btn/hover-btn-left.png')");
});

$(document).on("mouseleave", ".save-btn", function(e) {
    $(this).css("background-image","url('ie/imgs/btn/btn.png')");
    $(this).find("a").css("background-image","url('ie/imgs/btn/btn-left.png')");
});

    Aus irgendeinem Grund kann ich nicht verwenden hover mit on. Es funktioniert einfach nicht. Aber von dem was ich gelesen habe, schweben zu können, ist lediglich eine Anpassung von mouseenter und mouseleave, so ist es fein. (https://stackoverflow.com/a/4463384/1031340)

    Wenn Sie nicht brauchen, um Unterstützung für IE6, die ich Ihnen empfehle :hover auf Ihre CSS (wenn es eine änderung nur im CSS, wie Beispiel oben).

    • Es ist wichtig, um "on" - Ereignis auf das element, das war nicht dynamicly geändert.
    • Gute Antwort!!!!
    • In einigen Fällen, wo wir wollen, um zu zeigen/verbergen Zeug, mouseenter/mouseleave-Kombination funktioniert für mich besser
    • Vielen Dank, es funktioniert
    • tanx alot! es funktioniert gut
    • mouseover ist nicht die richtige syntax, mouseenter verwendet werden sollten: api.jquery.com/on/#additional-notes

    InformationsquelleAutor jaysponsored
  3. 3

    versuchen live

    $(".inboxfeedlist li").live('hover',function(){});
    • o danke mich daran zu erinnern, dass...
    InformationsquelleAutor swatkins
  4. 1

    Verwenden delegate oder live binden die Ereignisse. Dies wird sicherstellen, dass alles dynamisch Hinzugefügt wird an den event-handler als gut.

    InformationsquelleAutor Sam
  5. 1

    Klingt wie Sie brauchen live oder delegieren. Delegieren ist bevorzugt

    $(document.body).delegate(".inboxfeedlist li", "hover", function(){
        alert('');
});
    InformationsquelleAutor Joseph Marikle
  6. 0
    $('.inboxfeedlist li').live('hover', function(e) { alert(''); });

    jQuery live

    jQuery delegieren

    InformationsquelleAutor jbabey
  7. 0

    Könnten Sie so etwas wie dieses:

    $(document).on('mouseover','div.cover-wrapper',function(){
    $(this).css({'border':'1px solid #000'});
});


$(document).on('mouseout','div.cover-wrapper',function(){
    $(this).css({'border':'none'});
});
    InformationsquelleAutor Sandeep Pal
  8. 0

    Hier ist die Verwendung und details zu diesen Funktionen

    http://api.jquery.com/live/

    $( selector ).live( events, Daten, handler ); //jQuery 1.3+

    $( document ).delegieren( selector, Ereignisse, Daten, handler ); //jQuery-1.4.3+

    $( document ).auf( Veranstaltungen, Selektor -, Daten -, handler ); //jQuery-1.7+

    InformationsquelleAutor Khandad Niazi
Schreibe einen Kommentar