如何让prev/next | first/last按钮使用list.js分页

prev/next | first/last按钮使用list.js分页的方法如下：

首先，确保你已经引入了list.js库。你可以在官方网站上下载并引入该库。
创建一个HTML元素，用于显示列表和分页按钮。例如，你可以使用一个<ul>元素来显示列表项。
在JavaScript代码中，创建一个包含所有数据的数组。每个数据对象代表一个列表项。
使用list.js的new List()方法来初始化列表。将列表元素的ID作为参数传递给该方法。
使用add()方法将数据数组添加到列表中。这将自动在列表元素中生成对应的列表项。
使用pagination()方法启用分页功能。将每页显示的列表项数量作为参数传递给该方法。
在HTML中创建用于显示分页按钮的元素。例如，你可以使用一个<div>元素。
在JavaScript代码中，使用pagination()方法返回的对象来获取分页按钮的HTML代码。
将分页按钮的HTML代码插入到分页按钮元素中。
定义一个函数，用于处理分页按钮的点击事件。在该函数中，使用show()方法来显示对应页码的列表项。
将该函数绑定到分页按钮的点击事件上。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>List.js分页示例</title>
  <script src="list.js"></script>
</head>
<body>
  <ul id="myList"></ul>
  <div id="pagination"></div>

  <script>
    // 数据数组
    var data = [
      { name: 'Item 1' },
      { name: 'Item 2' },
      { name: 'Item 3' },
      // ...
    ];

    // 初始化列表
    var options = {
      valueNames: ['name'],
      item: '<li><span class="name"></span></li>'
    };
    var list = new List('myList', options);

    // 添加数据
    list.add(data);

    // 启用分页
    var perPage = 3; // 每页显示3个列表项
    list.pagination({ 
      paginationClass: 'pagination',
      innerWindow: 1,
      outerWindow: 1,
      perPage: perPage,
      container: document.getElementById("pagination"),
      generatePages: function (currentPage, totalPages) {
        var paginationHTML = '';
        if (currentPage > 1) {
          paginationHTML += '<a href="#" class="prev">prev</a>';
        } else {
          paginationHTML += '<span class="prev">prev</span>';
        }
        if (currentPage < totalPages) {
          paginationHTML += '<a href="#" class="next">next</a>';
        } else {
          paginationHTML += '<span class="next">next</span>';
        }
        return paginationHTML;
      }
    });

    // 处理分页按钮的点击事件
    document.getElementById("pagination").addEventListener("click", function (event) {
      event.preventDefault();
      var target = event.target;
      if (target.tagName.toLowerCase() === 'a') {
        var page = parseInt(target.innerHTML);
        list.show((page - 1) * perPage, perPage);
      }
    });
  </script>
</body>
</html>

这样，你就可以使用list.js库来实现prev/next | first/last按钮的分页功能了。每次点击分页按钮时，列表将显示对应页码的列表项。