Jquery bind ne marche pas sur le travail AJAX chargé HTML

Question

Ceci est mon code jquery

jQuery(document).ready (function() { 

    // post 
    $('.post').bind('mouseenter mouseleave', function() { 
     $(this).filter('.btn').toggleClass('hidden'); 
    }); 


}); 

Il fonctionne très bien sur un document normal. Mais quand je charge du HTM: (c'est-à-dire des divs avec des attributs .post) en utilisant ajax et l'incorpore dans mon DOM.

Le code ci-dessus ne fonctionne pas avec ces divs.

Answer 1

Essayez d'utiliser live:

jQuery(document).ready (function() { 
    $('.post').live('mouseenter mouseleave', function() { 
     $(this).filter('.btn').toggleClass('hidden'); 
    }); 
}); 

Ou mieux encore delegate

jQuery(document).ready (function() { 
    $('#posts').delegate('.post','mouseenter mouseleave', function() { 
     $(this).filter('.btn').toggleClass('hidden'); 
    }); 
}); 

Answer 2

Votre timing est probablement du 0 car les attributs .post doivent exister dans le dom avant de pouvoir lier quoi que ce soit.