Question

我在使用WordPress，Thesis主题以及Beaver6813等人的插件Infinite Scroll v2.6.2开发的网站上实现了无限滚动。

不幸的是，它似乎打破了Kamal Khan的另一个插件，kk Star Ratings v2.6。

我的网站配置为通过设置＆gt;在主页上显示具有特定类别的帖子。阅读＆gt;您的最新帖子以及我的functions.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 ); 
    }
});

无限滚动正在运行。星级评分插件会在帖子标题和帖子内容之间显示我想要的内容。

然而，核心功能 - 点击星标和评价帖子的能力 - 仅适用于三个帖子的初始加载。在显示星星和评分数量之后，所有延迟加载的东西，但我实际上无法点击星标来评价帖子。

以下是其中一篇热门帖子的示例：working。

以下是功能损坏的示例：not-working。

差异似乎在造型上。

工作宽度为80％，如下：

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

破碎的宽度为0％：

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

我确实试过强迫＆＃34;宽度：80％！重要＆＃34;通过我的样式表。虽然它在视觉上改变了界面，但我仍然无法通过点击来保存评级。

虽然我可以看到非工作插件，但我假设宽度基本上隐藏了我为评价帖子所需的功能。

我只是无法弄明白如何告诉它将其击败。

我尝试了一些不同的插件并获得了相同的结果。我是新手，但我怀疑我使用无限滚动分页的方式是阻止插件完全...我不知道， loading ，我猜

我觉得我非常接近搞清楚......只需要在终点线上轻推一下，拜托！

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

WordPress Pagination / Infinite Scroll打破了另一个插件

1 个答案: