Jquery - 事件不适用于新创建的元素

Question

我有一个简单的评论部分，用户可以在其中向其他用户的帖子发表评论 - 它的工作原理与 Facebook 墙的风格非常相似，用户可以在墙上写一些东西，其他人可以对其发表评论。

所以我有这个表单，用户可以在其中输入任何内容，当他提交时，该信息将插入到数据库中，并使用 Jquery 显示在表单下方的同一页面上。

现在，每个帖子旁边都有一个评论链接。因此，当有人单击评论链接时，会出现一个小文本区域框，用户可以在其中键入内容并提交。

之前发布的项目的一切都很好 - 除了新创建的元素上的评论链接不会打开文本框区域。

搜索后，我发现了我实现的 Livequery 插件 - 但这似乎对我不起作用 - 看起来我做错了什么。

这是我之前的代码：

    $(".comment_button").click(function(){                           
                var element = $(this);
                var I = element.attr("id");
                //alert("in="+I);; 
                $("#slidepanel"+I).slideToggle(300);
                $(this).toggleClass("active");
                return false;
            });

我将其更改为使用 livequery：

   $('.comment_button').livequery('click',function(event) {                
                var element = $(this);
                var I = element.attr("id");
                //alert("in="+I);; 
                $("#slidepanel"+I).slideToggle(300);
                $(this).toggleClass("active");
                return false;
            });

这是评论链接

<a id="<?php echo $data['shopping_id']?>" class="comment_button" href="<?php echo $data['shopping_id']?>">Comment</a>

感谢您的提示

Answer 1

您不需要 livequery，只需要 live。将 livequery 替换为 live ，它应该可以正常工作。