Question

我正在用PHP编程，但我在JQuery非常棒。

我正在做分页，我已经有了这些页面。

我想构建一个可以前后移动的脚本，每次点击一个按钮时都会向页面变量添加1个。

<button type="button" class="class">Next</button>

$('.class').click(function() {
var page = 1;
page++;
window.location.href = '/admin/module/page/' + page;
});

Answer 1

每次重新加载页面时都会重置page变量。

我建议从PHP生成page变量。它知道页面的方式，所以只需将其设置在那里。

<button type="button" class="class">Next</button>

$('.class').click(function() {
  window.location.href = '/admin/module/page/<?php echo $page_next ?>';
});

Answer 2

您应该从PHP获取数字页面。您可以将其隐藏在输入中：

<input type="hidden" id="page_number" value="<?php echo $page_number;?>" />

您可以使用Javascript代码：

$('.class').click(function() {
    var page = document.getElementById("page_number").value;
    page++;
    window.location.href = '/admin/module/page/' + page;
});

但我不确定我是否理解你的问题。

Answer 3

您必须在点击功能之外声明var page = 1;，否则它会重置为1每个您点击.class元素或页面重新加载

var page = 1; 
  // instead of this I would recommend you get the current page from the url
  // something like var page = window.location.href.split('/page/')[1];
  // of course also check if it exists else it's `2`

$('.class').click(function () {
    page = page + 1;
    window.location.href = '/admin/module/page/' + page;
});

Answer 4

你可以尝试从url获取pagenum，不需要PHP：

var url = document.URL;
var pageNum = url.substring(url.lastIndexOf('/')+1);
var page = (pageNum == '') ? 2 : (parseInt(pageNum) + 1);

$('.class').click(function() {
    window.location.href = '/admin/module/page/' + page;
});

如何使用脚本转到上一页和前一页？

4 个答案: