Question

我每次点击下一个或上一个时都试图显示15个帖子。目前，当我点击下一个并且我在例如价值5的index时，当我点击prev时，它再次显示index值为5，然后它减少到4，所以上。

如何在prev和next之间切换时不重复？这是一个简化的例子：

var array = [0,1,2,3, ...,50]
    var index = 0
    var button = 
 document.querySelectorAll("button").addEventListener("click",paginate)   

   paginate(e) {
            var target = e.currentTarget.dataset.button,
                postsPerPage = 15,
                posts = array.length,
                total = Math.ceil(posts / postsPerPage),
                index = target === 'next' ? index++ : --index,
                //... 
        }

Answer 1

正如我所怀疑的那样，问题来自index++和--index我分别用index= index+1和index = index -1替换了它们，并且它有效。如果有人能够解释为什么索引会重复，那么我们将非常感激。

   paginate(e) {
            var target = e.currentTarget.dataset.button,
                postsPerPage = 15,
                posts = array.length,
                total = Math.ceil(posts / postsPerPage),
                index = target === 'next' ? index=index +1:index=index-1,
                //...

        }

在prev / next分页之间切换时重复索引

1 个答案: