结合jQuery和jetpack无限滚动

Question

我正在使用以下 jQuery 对前端的所有 wordpress 帖子进行手风琴效果。

(function($) {
    function initAccordion() {  
        var $ele = $('.entry-content').hide();
        $(".entry-header").unbind('click').click(function(e) {
            e.preventDefault();
            var $ele1 = $(this).parents(".post").children('.entry-content').slideToggle('fast');
            $ele.not($ele1).slideUp();
        }); 
    } 

    initAccordion();

    $(document.body).on('post-load', function() { 
        initAccordion();
    });     
})(jQuery);

我正在尝试让脚本与 infinite scroll 一起工作，但我有一个问题我不知道如何解决。

无限滚动的工作原理是在您滚动到页面底部时自动显示较旧的帖子。这按预期工作。

如果单击帖子标题，则提供的代码中的 jQuery 通过一次显示一个帖子来工作。问题是当你滚动到一个无限滚动的新页面时，打开的帖子会自动关闭。

如果您使用Live example here，您就会明白我的意思。尝试打开帖子，然后向下滚动，直到 URL 显示 .../page/2/ 并且您打开的帖子将被关闭。

如何避免滚动到新页面时打开的文章被关闭？

Answer 1

尝试改变这一行：

var $ele = $('.entry-content').hide();

到

var $ele = $('.entry-content').not('[data-did-load]').hide().attr("data-did-load", true);