无法删除使用jquery动态创建的列表

无法删除使用jquery动态创建的列表,jquery,Jquery,我这里有两个html。第一个是由php动态生成的,第二个是要测试的html 我还有以下jquery 当我在第二个窗口(纯html)中单击带有类delete的十字时,它工作得很好。但是,当我单击第一个十字时,它不起作用。 它将我重定向到主页,最后是# 我希望有人指出我做错了什么 先谢谢你 HTML 顺便说一下,我正在使用CodeIgniter。您的代码看起来应该可以正常工作。这意味着可能会发生以下几件事之一: 您没有正确加载jQuery,或者jQuery正在加载,但您的代码不在document.r

我这里有两个html。第一个是由php动态生成的,第二个是要测试的html

我还有以下jquery

当我在第二个窗口(纯html)中单击带有类delete的十字时,它工作得很好。但是,当我单击第一个十字时,它不起作用。 它将我重定向到主页,最后是#

我希望有人指出我做错了什么

先谢谢你

HTML


顺便说一下,我正在使用CodeIgniter。

您的代码看起来应该可以正常工作。这意味着可能会发生以下几件事之一:

  • 您没有正确加载jQuery,或者jQuery正在加载,但您的代码不在
    document.ready
    函数中
  • 另一个项目没有定义(比如
    加载
    ),因此抛出JS错误,导致整个单击事件失败
  • 尝试在Firebug打开的情况下单击该链接,并查看单击该链接时是否抛出JS错误。

    执行此操作时:
    $(“.delete”)。单击(处理程序)
    您要做的是查找当时存在的所有
    class=“delete”
    ,并将单击处理程序绑定到它们,但这些动态处理程序当时不存在,因此它们永远无法获得该处理程序

    要解决此问题,请使用另一种方式处理事件,它位于DOM的根目录下,等待
    单击
    冒泡,如果单击的目标与选择器匹配,则处理程序将执行…新元素和旧元素以相同的方式冒泡,因此它不在乎何时添加:)

    若要使用,只需更换此:

    $(".delete").click(function(event) {
    
    为此:

    $(".delete").live('click', function(event) {
    

    它不会抛出任何错误。我在codeigniter中的其他代码似乎不正确。谢谢你的帮助。
    $(".delete").click(function(event) {
    
    $(".delete").live('click', function(event) {