时间戳

首页 > 解决方案 > 如何在分页中添加项目？

javascript - 如何在分页中添加项目？

问题描述

我已经下载了用于分页的 JS，但我不知道如何添加项目它只是显示数字任何人请帮助。

<body>
<div id="wrapper">
<section>
    <div class="data-container"></div>
    <div id="pagination-demo1"></div>   
</section>
</div>
<!-- JS Started -->
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="../src/pagination.js"></script>
<script>
    $(function() {
 (function(name) {
 var container = $('#pagination-' + name);
 var sources = function () {
  var result = [];
  for (var i = 1; i < 196; i++) {
    result.push(i);
  }
  return result;
}();
var options = {
  dataSource: sources,
  callback: function (response, pagination) {
    window.console && console.log(response, pagination);
 <!-- item cause to show number but i want to know to to put text -->
    var dataHtml = '<ul>';
    $.each(response, function (index, item) {
      dataHtml += '<li>' + item + '</li>';
    });
    dataHtml += '</ul>';
container.prev().html(dataHtml);
  }
};
//$.pagination(container, options);
container.addHook('beforeInit', function () {
  window.console && console.log('beforeInit...');
});
container.pagination(options);
container.addHook('beforePageOnClick', function () {
  window.console && console.log('beforePageOnClick...');
  //return false
});
})('demo1');
 })
</script>

这是图像的结果

如项目所示应在某些列表参考中进行编辑，但仅显示数字序列，请帮助我解决此问题或与我分享一些具有相似分页的链接（许多页码但显示一些）。提前致谢。

标签： javascriptasp.netpagination

解决方案

推荐阅读