Question

我正在开发一个合并HTML和JQuery的项目。有一个事件可以用外部html文件（使用div）来替换div和新load('some.html #someDiv'。

到目前为止，这个问题很开始，当我试图听一个img作为新click的一部分的事件（div，如果有关系）时，问题就开始了。

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

无论如何，我无法想到要解决这个问题似乎没有用。谢谢助手们

Answer 1

$(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

在添加元素后尝试绑定点击：

即。根据jquery docs在这里： http://api.jquery.com/load/#callback-function

你应该可以这样做：

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

从外部文件中侦听加载到div中的元素的事件

3 个答案: