无法删除使用jquery动态创建的列表
我这里有两个html。第一个是由php动态生成的,第二个是要测试的html 我还有以下jquery 当我在第二个窗口(纯html)中单击带有类delete的十字时,它工作得很好。但是,当我单击第一个十字时,它不起作用。 它将我重定向到主页,最后是# 我希望有人指出我做错了什么 先谢谢你 HTML无法删除使用jquery动态创建的列表,jquery,Jquery,我这里有两个html。第一个是由php动态生成的,第二个是要测试的html 我还有以下jquery 当我在第二个窗口(纯html)中单击带有类delete的十字时,它工作得很好。但是,当我单击第一个十字时,它不起作用。 它将我重定向到主页,最后是# 我希望有人指出我做错了什么 先谢谢你 HTML 顺便说一下,我正在使用CodeIgniter。您的代码看起来应该可以正常工作。这意味着可能会发生以下几件事之一: 您没有正确加载jQuery,或者jQuery正在加载,但您的代码不在document.r
顺便说一下,我正在使用CodeIgniter。您的代码看起来应该可以正常工作。这意味着可能会发生以下几件事之一:
document.ready
函数中加载
),因此抛出JS错误,导致整个单击事件失败$(“.delete”)。单击(处理程序)
您要做的是查找当时存在的所有class=“delete”
,并将单击处理程序绑定到它们,但这些动态处理程序当时不存在,因此它们永远无法获得该处理程序
要解决此问题,请使用另一种方式处理事件,它位于DOM的根目录下,等待单击
冒泡,如果单击的目标与选择器匹配,则处理程序将执行…新元素和旧元素以相同的方式冒泡,因此它不在乎何时添加:)
若要使用,只需更换此:
$(".delete").click(function(event) {
为此:
$(".delete").live('click', function(event) {
它不会抛出任何错误。我在codeigniter中的其他代码似乎不正确。谢谢你的帮助。
$(".delete").click(function(event) {
$(".delete").live('click', function(event) {