【问题标题】:What is the simplest way to create pagination using pure JavaScript without third party plugin?在没有第三方插件的情况下使用纯 JavaScript 创建分页的最简单方法是什么?
【发布时间】:2018-04-30 20:49:59
【问题描述】:

我想知道任何可以在单个 html 页面中多次使用的自定义 JavaScript 框架。

【问题讨论】:

    标签: javascript arrays oop plugins pagination


    【解决方案1】:

    我们可以使用许多第三方分页库,但是会有一些项目限制,我们不能使用任何外部依赖项。牢记这一点,我创建了一个用于分页的自定义 JavaScript 插件。你会发现这很容易理解,也可以定制。 ;)

    下面是一些使用代码示例:

    var array1 = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16'];
    var array2 = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','30','31','32','33','34','35','36','37','38','39','40','41','42','43','44','45','46','47','48','49','50'];
    
    var p1 = new Pagination(
               document.getElementById('abc'),
               array1,
               function(index, el){
                  console.log(index, el);
               });
    var p2 = new Pagination(document.getElementById('mno'), array2);
    

    您可以在此 Plnkr 链接上找到完整示例。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-12-28
      • 2012-02-23
      • 1970-01-01
      • 2014-01-28
      • 2018-03-13
      • 2017-12-05
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多