jquery无法在网页上使用无限滚动页面后工作

Question

我有一个无限滚动实施的新闻源。您可以通过点击评论泡泡来评论新闻推送上的活动，这会降低添加评论表单的效率。

问题是评论泡泡向下滑动仅适用于加载到第一页上的活动，而不适用于那些通过AJAX随后加载无限滚动的活动。

这是用于滑动的JQuery。

jQuery(function($) { 
    $(".comment-bubble").click(function(e) { 
     e.preventDefault(); 
     $(this).closest(".activity").find(".add-comment").slideToggle(); 
    }); 
}); 

感谢您的帮助！

Answer 1

您需要将点击事件附加到通过ajax加载的评论泡泡。当你通过AJAX加载它们的事件处理程序没有连接到them.After你Ajax是做了做这样的事情

click_function= function(){ 
    //some code  
}; 
$(".comment-bubble").on('click', click_function); 

希望它可以帮助

Answer 2

尝试...

$(function() { 
    $(".comment-bubble").each(function() { 
     $(this).click(function(e) { 
      e.preventDefault(); 
      $(this).closest(".activity").find(".add-comment").slideToggle(); 
     }); 
    }); 
}); 

或者如果你遇到了事件绑定问题...

$(function() { 
    $(".comment-bubble").each(function() { 
     $(this).bind("click", function(e) { 
      e.preventDefault(); 
      $(this).closest(".activity").find(".add-comment").slideToggle(); 
     }); 
    }); 
});