单击处理程序以获取JS中的列表？

Question

我的每一个都有一个'galleryImage'类,里面是一个带有'delete'类的span.当用户点击跨度删除时,我希望js做一些事情,但是下面的代码似乎没有触发,它有什么问题吗？

$('.galleryImage .delete').click(function() {
          alert("Handler for .click() called.");
    });

Answer 1

试试这个:

$('body').on('click', '.galleryImage .delete', function() {
      alert("Handler for .click() called.");
});

用jQuery> 1.7

您的问题没有说明,您尝试添加事件的那些元素是动态的(在页面加载后添加到文档页面)或之前存在于页面加载中.所以我假设你的元素在页面加载后被添加到文档中.

注意

添加在页面加载后添加到DOM的事件需要委托事件,可以.on()在jQuery中完成.

用于 .on()

$(container).on(eventName, target, handlerFunction);