javascript - 结合 jQuery 和 jetpack 无限滚动

Question

我正在使用以下 jQuery 在前端的所有 WordPress 帖子上实现 Accordion 效果。

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