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(); 
     }); 
    }); 
});