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

我在这里有两个html。第一个是由php动态生成的，第二个只是html测试。无法删除使用jquery动态创建的列表

我也有以下的jquery。

当我点击第二个类中的类删除（纯html）时，它很好地工作。但是，当我点击第一个中的十字架时，它不起作用。它最终将＃重定向到主页。

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

提前致谢。

HTML

First part (dyanmicall generated) 
<ul style="display: block;" id="message"> 
<li class="41"> 
<span class="user"><strong>shin</strong></span> 
<span class="msg"> delete this as well</span> 
<span class="date">2010-01-15 07:47:31</span> 
<a href="#" id="41" class="delete">x</a> 
    <div class="clear"></div></li> 
<li class="40"> 
<span class="user"><strong>shin</strong></span> 

<span class="msg"> delete me as well</span> 
<span class="date">2010-01-14 16:01:44</span> 
<a href="#" id="40" class="delete">x</a> 
    <div class="clear"></div></li> 
... 
...</ul> 


Second part which is plain html 
    <ul id="another"> 
    <li><a href="#">you can't delete me</a></li> 
    <li><a href="#" class="delete">delete this</a></li> 
    <li><a href="#" class="delete">delete this</a></li> 
    </ul>

这里是jQuery的

$(".delete").click(function(event) { 
    event.preventDefault(); 


loading.fadeIn(); 
var commentContainer = $(this).parent(); 
var id = $(this).attr("id"); 
// var string = 'id='+ id ; 

$.ajax({ 
    type: "POST", 
    url: "index.php/admin/messages/changestatus/"+id, 
    // data: string, 
    cache: false, 
    success: function(){ 
    commentContainer.slideUp('slow', function() {$(this).remove();}); 
    loading.fadeOut(); 
    } 

}); 


return false; 
    });

我使用笨的方式。

来源

2010-01-15 shin

你的代码看起来应该可以正常工作。这意味着几件事情之一是可能发生的：

你不必jQuery的正确加载，或者它加载，但在document.ready功能代码ins't。
没有定义其他项目之一（如loading），因此抛出JS错误，导致您的整个点击事件失败。

尝试单击Firebug的链接打开并查看是否在单击链接时引发JS错误。

来源

2010-01-15 07:33:00

它不会引发任何错误。看起来，我在codeigniter中的其他代码是不正确的。谢谢你的帮助。 – shin 2010-01-15 07:39:09

当你这样做：$(".delete").click(handler);你正在做的是发现存在于那个时候所有class="delete"和单击处理程序绑定到他们，但这些动态的不存在，那么，所以他们从来没有得到该处理程序。

要解决此问题，请使用.live()以不同方式处理事件，它位于等待click冒泡的DOM的根部，并且如果点击的目标与选择器匹配，则该处理程序将执行......新老元素的泡沫以同样的方式，所以当它加入:)

要使用.live()它并不关心，只需更换此：

$(".delete").click(function(event) {

有了这个：

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

来源

2010-05-08 11:02:29

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

回答

相关问题