Question

我有一个页面，一次会显示8个帖子。我把它们分成4组。当用户想要阅读第2对4个帖子时，他们需要点击“加载更多”按钮，第2组4个帖子将显示。

现在我遇到的问题是当用户点击其他分页页面时会发生同样的情况。点击“加载更多”后，其他分页页面中的所有帖子都会显示8个帖子。

所以我编写了这段代码，然而，else语句没有被读取。

这是我写的代码，试图完全按照我所说的去做：

$('#ysports-news').on('click', '.pager-list-262 span.pager', function(){
  if ($(this).hasClass('active')) {
    console.log('this is sparta');
  } else {
    console.log('May the force be with you');
    $('.postGroups:odd').addClass('kc-hidden');
    $('.ys-pgrid img').removeClass('kc-hidden');
  }
});

当前的分页页面具有类.active，并且所有分页都在.pager-list-262中，并且类为.pager。

我想要实现的是，当我点击“加载更多”时显示最后4个帖子，然后隐藏“加载更多”按钮。当我点击其他页面时，隐藏最后4个帖子（奇数组）并再次显示加载更多按钮。

console.log（'this is sparta'）工作正常，但是没有读取else语句。这是我的语法问题？

任何帮助将不胜感激。先感谢您。

编辑：我决定将分页的html用于帮助任何可能需要它的人。我没有包括跨度中的内容，因为它只是我们在网站上看到的分页文本。

<div class="pager-list pager-list-262">
  <span class="pager page-prev" data-page="page"></span>
  <span class="pager page-number active" data-page="1"></span>
  <span class="pager page-number" data-page="2"></span>
  <span class="pager page-prev disabled" data-page="page"></span>
</div>

否则如果分页问题

0 个答案: