当 AJAX 加载内容时，喜欢和删除按钮不起作用

when ajax load content like and delete button not work

本文关键字：喜欢 删除 按钮 不起作用 AJAX 加载      更新时间：2023-09-26

嗨，当 ajax 动态加载内容时，每次都会遇到相同的问题，例如：评论或任何帖子，然后一切正常。 但是像按钮这样的评论在我刷新页面之前不起作用.下面我的喜欢脚本帮助我如何解决这个问题

$(".comment_like").click(function()
{
var cID = $(this).attr("ccid");
var cREL = $(this).attr("rel");
var cbox = $(this).attr("box_id");
var cowner = $(this).attr("ownercli");
var cURL='comment_like.php';
var dataString = 'msg_id=' + cID +'&rel='+ cREL+ '&owner='+ cowner+ '&cbox='+ cbox;
if(cREL=='Like')
{
$('#c'+cID).html('Unlike:').attr('rel', 'Unlike').attr('title', 'Unlike');
}
else
{
$('#c'+cID).attr('rel', 'Like').attr('title', 'Like').html('Like:');
}
        xhr = $.ajax({
            type: "POST",
            url: cURL,
            data: dataString,
            cache: false
        }).done(function(htmlc){
      $('.cml'+cID).html(htmlc);
        });
});

假设 $（".comment_like"） 按钮位于从 ajax 调用返回的 HTML 中是否安全？如果是这样，这就是jQuery"on"绑定有用的地方。不是绑定在按钮本身（在加载内容之前不存在），而是将事件侦听器绑定到元素可能最终进入的容器。简而言之，当在该容器上发生单击时，jQuery 会检查单击的元素以查看它是否匹配并触发您的处理程序。

阅读：http://api.jquery.com/on/

这样做是为了动态

加载内容，并防止绑定数百个事件处理程序。

基于此，而不是

$(".comment_like").click(function() {...});

尝试

$('#container').on('click','.comment_like',function() {...});

其中 #container 是包含您正在加载的 HTML 的包装器。

单击事件仅绑定到 DOM 中已有的元素。如果从 ajax 调用加载容器，则 click 事件将不会绑定到它。这不是真正的正确IMO，但是您可以通过将单击事件添加到.done函数中来快速解决此问题。完成 ajax 调用后，单击事件将绑定到动态添加到 DOM 的元素。

相关文章：