WordPress分页/无限滚动打破另一个插件

Question

我已经在我正在使用WordPress，论文主题和Beaver6813等人的插件Infinite Scroll v2.6.2开发的网站上实现了无限滚动。

不幸的是，它似乎破坏了另一个插件，Kamal Khan的kk星级v2.6。

我的网站配置为通过"阅读您的最新帖子>"设置>在我的函数.php文件中显示具有特定类别

帖子：

add_action( 'pre_get_posts', function ( $q )
{
    if (    $q->is_home()
         && $q->is_main_query()
    ) {
        $q->set( 'category_name',  'strip' );
        $q->set( 'posts_per_page', 3 ); 
    }
});

无限滚动正在工作。星级插件在帖子标题和帖子内容之间按我的意愿显示。

但是，核心功能——点击一颗星星并对帖子进行评分的能力——仅适用于三个帖子的初始加载。之后延迟加载的所有内容都会显示星星和评级数量，但我实际上无法单击星星来评价帖子。

这是它在热门帖子之一上工作的示例：工作。

这是损坏功能的一个例子：不工作。

区别似乎在于样式。

工作的宽度为 80%，如下所示：

<div class="kksr-fuel kksr-star orange" style="width: 80%;"</div>

损坏的宽度为 0%：

<div class="kksr-fuel kksr-star yellow" style="width:0%;"</div>

我确实尝试通过我的样式表强制"宽度：80%！重要"。虽然它在视觉上改变了界面，但我仍然无法通过单击来保存评级。

虽然我可以看到不起作用的插件，但我假设宽度基本上隐藏了我对帖子进行评级所需的功能。

我只是不知道如何告诉它把它敲掉。

我尝试了几个不同的插件，结果相同。我是新手，但我怀疑我使用无限滚动进行分页的方式正在阻止插件完全......我不知道，加载，我猜。

我觉得我非常接近弄清楚这一点...只需要轻推终点线，拜托！

Answer 1

这是我之前在评论中提到的修复程序。

下面的代码是由Fiverr的人提供的。我将其添加到脚本中并排队。

jQuery(document).ready(function($){
  setInterval(function(){ 
    if(!$('.home .content > div:last-child').hasClass('lg')){
      $('.home .content > div:last-child').addClass('lg');
      $(".kk-star-ratings").kkstarratings();
    }
  }, 2000);
});