点击jQuery没有处理ajaxified元素

Question

这是JS代码：

    $('body').on('click', '.thumb', function() {
        alert(123);
    });

当您点击带有.thumb类的div时，它会提醒该消息，但是，当我点击时 - 没有任何事情发生。

Answer 1

使用.mousedown()代替.on（＆＃39;点击＆＃39;）：

$('.thumb').mousedown(function() {
    alert(123);
});

使用.mousedown()，您的JS代码将仅在Ajax请求后触发。

Answer 2

试试这个http://jsfiddle.net/d83p7/

$('.thumb').click(function(e){

 e.preventDefault(); 
alert("Horaa");

});

或者

$('body .thumb').click(function(e){

 e.preventDefault(); 
alert("Horaa");

});

OR

$('.thumb').live('click',function(e){

 e.preventDefault(); 
alert("Horaa");

});

OR

$('.thumb').bind('click',function(e){

 e.preventDefault(); 
alert("Horaa");

});

或

$('body').on('click', '.thumb', function(e) {

 e.preventDefault(); 
alert("Horaa");

});

将示例放在

中

$( document ).ready(function() {
   //code here
});

Answer 3

这会帮助你：

$('body').delegate('.thumb', 'click', function(e){
   alert('123');
});