Jquery связывают не работает на AJAX загружен HTML

Question

Это мой JQuery код

jQuery(document).ready (function() { 

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


}); 

Он отлично работает в стандартном режиме. но когда я загружаю некоторый HTM: (то есть некоторые div с атрибутами .post), используя ajax и вставляя его в мой DOM.

Приведенный выше код не работает с этими div.

Answer 1

Попробуйте использовать live:

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

Или еще лучше delegate

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

Answer 2

Ваше время, вероятно, выключено, так как атрибут div должен быть фактически существовать в dom, прежде чем вы сможете связать что-либо с ним.