Question

我有一个无限滚动实现的新闻源。您可以点击评论气泡对新闻源上的活动发表评论，该评论气泡向下滑动添加评论表单。

问题在于，评论 - 气泡向下滑动仅适用于第一页上加载的活动，而不适用于之后通过无限滚动通过AJAX加载的活动。

这是滑动的JQuery。

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

感谢您的帮助！

Answer 1

您需要将点击事件附加到通过ajax加载的评论气泡中。当你通过ajax加载它们时，事件处理程序没有附加到它们.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();
        });
    });
});

Jquery在使用Infinite Scroll的网站上第一页后无法正常工作

2 个答案: