简单易用的jQuery分页插件及使用示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery分页插件示例</title>
<link rel="stylesheet" href="path/to/pagination.css">
<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery.pagination.min.js"></script>
</head>
<body>
<div id="pagination"></div>
<script>
$(function() {
$('#pagination').pagination({
dataSource: [1, 2, 3, 4, 5], // 数据源
callback: function(data, pagination) {
// 这里处理分页数据
// 例如：更新页面上的显示内容
console.log(data); // 当前页的数据
console.log(pagination.get()); // 获取当前分页状态
}
});
});
</script>
</body>
</html>这个示例展示了如何使用一个假设的jQuery分页插件。在实际应用中，你需要替换path/to/pagination.css, jquery.min.js, 和 jquery.pagination.min.js为正确的路径和文件。dataSource属性提供了数据，callback属性定义了当页面变化时要执行的函数。这个插件应该提供一个方法来获取当前的分页状态，例如pagination.get()，这里用于示例说明。
评论已关闭