Jquery.Passez la souris ne fonctionne pas pour l'Élément dynamique

Voici mon code

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

Ce n'est pas de travail pour créer dynamiquement des éléments, même moi j'ai utiliser

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

est également ne fonctionne pas, quel est le problème avec le code.

Pouvez-vous simuler une situation aussi proche que possible sur jsfiddle.net?

OriginalL'auteur Wasim A. | 2011-11-01

  1. 3

    Utiliser le live de la méthode:

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

    Une note de côté passez la souris ne prendre deux fonctions de rappel, vouliez-vous dire mouseover

    hover peut prendre qu'un seul paramètre
    vous apprenez quelque chose de nouveau tous les jours..., vous vous demandez encore ce que le cas d'utilisation de ce serait? Ne pas avoir de problème et pourtant, qui aurait requis.
    Je l'utilise lorsque je bascule quelque chose comme dans $(".menu li").hover(function(){$(".submenu",this).toggle()}). En raison de la bascule dépend de l'état actuel de l'élément, il peut être utilisé pour le survoler et le hover.
    Pourquoi ne .live('hover' ... fonctionne, mais pas .hover sur un élément dynamique?
    Comme de jQuery 1.7, l' .live() la méthode est obsolète. Utiliser .sur() pour attacher les gestionnaires d'événements. Les utilisateurs des anciennes versions de jQuery doit utiliser .délégué() de préférence .live(). api.jquery.com/live

    OriginalL'auteur topek

  2. 32

    live devenir obsolète à jQuery 1.9. Nous pouvons utiliser on avec mouseenter et mouseleave plutôt des événements:

    $(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')");
});

    Pour une raison que je ne peux pas utiliser hover avec on. Il n'a tout simplement pas de travail. Mais, d'après ce que j'ai lu, passez la souris est juste une adaptation de mouseenter et mouseleave, de sorte qu'il est très bien. (https://stackoverflow.com/a/4463384/1031340)

    Si vous n'avez pas besoin de supporter IE6, je vous recommande d'utiliser :hover sur votre CSS (si c'est un changement uniquement en CSS, comment l'exemple ci-dessus).

    Il est important d'utiliser "sur" l'événement sur l'élément qui n'était pas dynamicly changé.
    Bonne réponse!!!!
    Dans certains cas où l'on veut afficher/cacher des trucs, mouseenter/mouseleave combinaison fonctionne le mieux pour moi
    Merci, ça fonctionne
    tanx beaucoup! il fonctionne très bien

    OriginalL'auteur jaysponsored

  3. 3

    essayer live

    $(".inboxfeedlist li").live('hover',function(){});
    o merci de me rappeler que...

    OriginalL'auteur swatkins

  4. 1

    Utilisation delegate ou live de lier les événements. Ce sera assurez-vous que rien n'est ajouté dynamiquement sera lié au gestionnaire d'événement.

    OriginalL'auteur Sam

  5. 1

    Les sons que vous avez besoin de live ou délégué. Délégué est préférable

    $(document.body).delegate(".inboxfeedlist li", "hover", function(){
        alert('');
});

    OriginalL'auteur Joseph Marikle

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

    jQuery live

    jQuery délégué

    OriginalL'auteur jbabey

  7. 0

    Vous pouvez utiliser quelque chose comme ceci:

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


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

    OriginalL'auteur Sandeep Pal

  8. 0

    Ici est l'utilisation et le détail de ces fonctions

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

    $( selector ).live( événements, de données, gestionnaire ); //jQuery 1.3+

    $( document ).délégué( sélecteur, des événements, des données, gestionnaire ); //jQuery 1.4.3+

    $( document ).sur les événements, sélecteur de données, gestionnaire ); //jQuery 1.7+

    OriginalL'auteur Khandad Niazi