Javascript jquerymobile，分页

我正在为一个移动网站制作一个简单的评论页面。我的问题是我试图让我的固定标题显示帖子显示的内容。第一页是1-6，下一页是7-12

这一切都将通过向左或向右滑动触发到下一页将向变量添加6

我遇到的问题是变量正在重置为其原始设置值

如何在不重置的情况下使用这两个函数添加和减少变量

$(document).on('pageinit', function(event){

var currentStart = 1;
var currentEnd = 6;

  $('div.ui-page').on("swipeleft", function () {
    var nextpage = $(this).next('div[data-role="page"]');
      if (nextpage.length > 0) {
        $.mobile.changePage(nextpage, { transition: "slide"},"slide", false, true);
        currentStart += 6;
        currentEnd += currentEnd + 6;
        $('#currentStart').empty().append(currentStart);
        $('#currentEnd').empty().append(currentEnd);

      }
  });

  $('div.ui-page').on("swiperight", function () {
    var prevpage = $(this).prev('div[data-role="page"]');
    if (prevpage.length > 0) {
      $.mobile.changePage(prevpage, { transition: "slide", reverse: true }, true, true);
      currentStart = currentStart - 6;
      currentEnd = currentEnd - 6;
      $('#currentStart').empty().append(currentStart);
      $('#currentEnd').empty().append(currentEnd);
    }
  });

因此，每次向左或向右滑动时，

currentStart

将增加6或减少6，但每次滑动时，变量都会重置为其原始声明

---

如何停止该操作？

我看到您正在pageinit函数中将变量值设置为默认值。也许如果您将这些语句移到pageinit之外，一切都会好起来？

$（文档）。在（'pageinit'，函数（事件）{

上，这将在每个页面上触发，但每个页面只会触发一次。每次访问“新页面”时，您都会运行相同的代码。您需要将其委托给特定的页面

$（文档）。在（'pageinit'，“#pageID”，函数（事件）{

谢谢大家，我对Jquery手机还不太熟悉，还不知道该怎么做。非常感谢它现在工作得很好。