Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery分页插件_Javascript_Jquery_Pagination_Jquery Pagination - Fatal编程技术网

Javascript jQuery分页插件

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(); $('#

希望这是一件容易补救的事情。我在理解这个插件时遇到了一些问题

基本上,我所要做的就是加载一个PHP文件,然后对结果进行分页。我试图以他们为例,但我并没有得到我想要的结果

下面是JavaScript:

 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);
}