Javascript 结合jQuery和jetpack无限滚动
我正在使用下面的jQuery在我的所有wordpress文章的前端实现手风琴效果Javascript 结合jQuery和jetpack无限滚动,javascript,jquery,html,css,wordpress,Javascript,Jquery,Html,Css,Wordpress,我正在使用下面的jQuery在我的所有wordpress文章的前端实现手风琴效果 (function($) { function initAccordion() { var $ele = $('.entry-content').hide(); $(".entry-header").unbind('click').click(function(e) { e.preventDefault(); var $el
(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);
我试图让脚本工作,但我有一个问题,我不知道如何解决
无限滚动的工作原理是,当您滚动到页面底部时,自动显示较旧的帖子。这正是我们想要的
所提供代码中的jQuery通过单击文章标题一次显示一篇文章来工作。问题是当你滚动到一个无限滚动的新页面时,打开的帖子会自动关闭
如果你用这个词,你就能明白我的意思。尝试打开一篇文章,然后向下滚动,直到URL显示../page/2/
,您打开的文章将被关闭
如何避免滚动到新页面时关闭打开的文章?尝试更改此行:
var$ele=$('.entry content').hide()代码>
到
var$ele=$('.entry content')。不是('[data did load]')。隐藏().attr(“data did load”,true)代码>尝试更改此行:
var$ele=$('.entry content').hide()代码>
到
var$ele=$('.entry content')。不是('[data did load]')。隐藏().attr(“data did load”,true)代码>另一件事,更喜欢使用最近的('.post')而不是父母('.post'),因为最适合您的情况。这是一种工作方式。但我希望一次只显示一个帖子。这里的例子:我不完全确定我是否理解你对“最近的/父母”的意思。我只是指出“最近的”方法最适合你的情况,试试看,把“父母”方法改为“最近的”。。。关于这个问题,你能不能部署代码,让我检查一下,然后试着找出问题所在…这就是我试图实现的,只有无限滚动工作,这样当我开始滚动时,它才不会关闭divs:如果我使用你的代码,会发生这样的情况:我已经部署了你刚才建议的代码。另一件事,更喜欢使用最接近的('.post')而不是父母('.post'),因为最接近最适合您的情况。这在某种程度上是可行的。但我希望一次只显示一个帖子。这里的例子:我不完全确定我是否理解你对“最近的/父母”的意思。我只是指出“最近的”方法最适合你的情况,试试看,把“父母”方法改为“最近的”。。。关于这个问题,你能不能部署代码,让我检查一下,然后试着找出问题所在……这就是我试图实现的目标,只有无限滚动工作时,它才不会在我开始滚动时关闭div:这就是如果我使用你的代码会发生的情况:我已经部署了你刚才建议的代码。