jquery - 监听从外部文件加载到 div 中的元素的事件

Question

我正在做一个结合HTML和JQuery. 有一个事件会导致将 a 替换为来自外部 html 文件div的新文件（使用））。divload('some.html #someDiv'

到目前为止一切顺利，当我尝试收听click作为新的一部分的 img 的事件（如果重要）时，问题就开始了div。

我猜这与我没有在ready函数中定义该 img 的单击事件这一事实有关，因为该图像当时在页面中不存在。

无论如何，我想不出任何办法来解决这个问题似乎不起作用..感谢帮助

Answer 1

使用.on()

$(document).on('click','#newDiv img',function(){

});

Answer 2

使用.on() http://api.jquery.com/on/

$(document).on('click','.someNevDiv img', function() {
    // Code on click
});

使用您的代码：

$("#newDiv").click(function() { onNewDivClicked(); });

应该 ：

$(document).on('click', '#newDiv', function() {
    onNewDivClicked();
});

Answer 3

Try binding the click after you've added the element:

i.e. according to jquery docs here: http://api.jquery.com/load/#callback-function

You should be able to do something like this:

$('#result').load('ajax/test.html', function() {
  $('#result img').bind( 'click', function(){
        alert( 'this is fired on a click event on images inside of #result' );
    });
});