Javascript jQuery分页插件
希望这是一件容易补救的事情。我在理解这个插件时遇到了一些问题 基本上,我所要做的就是加载一个PHP文件,然后对结果进行分页。我试图以他们为例,但我并没有得到我想要的结果 下面是JavaScript:Javascript jQuery分页插件,javascript,jquery,pagination,jquery-pagination,Javascript,Jquery,Pagination,Jquery Pagination,希望这是一件容易补救的事情。我在理解这个插件时遇到了一些问题 基本上,我所要做的就是加载一个PHP文件,然后对结果进行分页。我试图以他们为例,但我并没有得到我想要的结果 下面是JavaScript: function pageselectCallback(page_index, jq){ var new_content = $('#hiddenresult div.result:eq('+page_index+')').clone(); $('#
function pageselectCallback(page_index, jq){
var new_content = $('#hiddenresult div.result:eq('+page_index+')').clone();
$('#Searchresult').empty().append(new_content);
return false;
}
function initPagination() {
var num_entries = $('#hiddenresult div.result').length;
// Create pagination element
$("#Pagination").pagination(num_entries, {
num_edge_entries: 2,
num_display_entries: 8,
callback: pageselectCallback,
items_per_page:3
});
}
$(document).ready(function(){
$('#hiddenresult').load('load.php', null, initPagination);
});
以下是我的HTML(在加载PHP之后):
结果#1
结果#2
结果#3
结果#4
结果#5
结果#6
结果#7
基本上,我试图在每页显示“3”个项目,但这不起作用。我假设在某个地方,我需要在我的JS中创建一个for循环,但是我不知道该怎么做 您甚至不需要使用for循环,只需使用jQuery的
slice()
方法和一些数学知识
我在JS Bin上主持了一个工作演示:(可编辑通过)
以下是修改后的代码:
var pagination_options = {
num_edge_entries: 2,
num_display_entries: 8,
callback: pageselectCallback,
items_per_page:3
}
function pageselectCallback(page_index, jq){
var items_per_page = pagination_options.items_per_page;
var offset = page_index * items_per_page;
var new_content = $('#hiddenresult div.result').slice(offset, offset + items_per_page).clone();
$('#Searchresult').empty().append(new_content);
return false;
}
function initPagination() {
var num_entries = $('#hiddenresult div.result').length;
// Create pagination element
$("#Pagination").pagination(num_entries, pagination_options);
}
布莱恩,太棒了。非常感谢您指出slice()方法@brainpeiris我正在努力使用分页插件,嘿,伙计们,我和你们有同样的问题,但我尝试在这里编写所有脚本,但我已经成功了,希望这能帮助解决你们的问题。这只是自定义脚本,不是插件,但真的很有用
var pagination_options = {
num_edge_entries: 2,
num_display_entries: 8,
callback: pageselectCallback,
items_per_page:3
}
function pageselectCallback(page_index, jq){
var items_per_page = pagination_options.items_per_page;
var offset = page_index * items_per_page;
var new_content = $('#hiddenresult div.result').slice(offset, offset + items_per_page).clone();
$('#Searchresult').empty().append(new_content);
return false;
}
function initPagination() {
var num_entries = $('#hiddenresult div.result').length;
// Create pagination element
$("#Pagination").pagination(num_entries, pagination_options);
}