javascript - 奇怪的错误: code get executed more than once per click

Question

我有一个点赞评论系统

当我点击类似链接时，有时它工作正常，但有时每次点击最多发送 8-9 个请求!我在另一个与 keydown 事件一起使用的 jquery 代码上遇到了同样的问题

   <a href="javascript:void(0);" class="like_comment" ><?php echo $likeLable; ?></a>



 $('.like_comment').live('click', function () {
     var parent = $(this).parent();
     var comment_id = parent.parent().find('.comment_id').val();
     parent.fadeOut(200);

     $.post("<?php echo base_url(); ?>album/like", {
         comment_id: comment_id
     },
     function (data) {
         if ($.trim(data) == 'ok') {
             var like_span = parent.parent().find('.like_counter');
             var like = parseInt(like_span.text()) + 1;
             like_span.text(like);

             parent.html('<a href="javascript:void(0);" class="unlike_comment" ><?php echo $unlikeLable; ?></a>');
             parent.fadeIn(200);
             return false;
         } else {
             parent.fadeIn(200);
             alert(data);
         }
     })
 })

这段代码有什么问题吗？

Answer 1

尝试从事件处理程序返回 true 以表示您已处理该事件。这样别人就不会捡到它了...

如果这不起作用，那么您可能正在为同一事件注册多个事件监听器。使用您最喜欢的调试器暂停 JavaScript 执行，然后使用控制台检查相关 dom 元素上的所有事件监听器。