Javascript分页
我找到了这个jQueryJavascript分页,javascript,html,css,Javascript,Html,Css,我找到了这个jQuery $('table.paginated').each(function() { var currentPage = 0; var numPerPage = 10; var $table = $(this); $table.bind('repaginate', function() { $table.find('tbody tr').hide().slice(currentPage * numPerPage, (current
$('table.paginated').each(function() {
var currentPage = 0;
var numPerPage = 10;
var $table = $(this);
$table.bind('repaginate', function() {
$table.find('tbody tr').hide().slice(currentPage * numPerPage, (currentPage + 1) * numPerPage).show();
});
$table.trigger('repaginate');
var numRows = $table.find('tbody tr').length;
var numPages = Math.ceil(numRows / numPerPage);
var $pager = $('<div class="pager"></div>');
for (var page = 0; page < numPages; page++) {
$('<span class="page-number"></span>').text(page + 1).bind('click', {
newPage: page
}, function(event) {
currentPage = event.data['newPage'];
$table.trigger('repaginate');
$(this).addClass('active').siblings().removeClass('active');
}).appendTo($pager).addClass('clickable');
}
$pager.insertBefore($table).find('span.page-number:first').addClass('active');
});
$('table.paginated')。每个(函数(){
var-currentPage=0;
var numPerPage=10;
var$表=$(此);
$table.bind('repaginate',function(){
$table.find('tbody tr').hide().slice(当前页面*numPerPage,(当前页面+1)*numPerPage.show();
});
$table.trigger('repaginate');
var numRows=$table.find('tbody tr').length;
var numPages=Math.ceil(numRows/numPerPage);
变量$pager=$('');
对于(变量页面=0;页面
分页
我需要一个删除分页的函数。您可以执行如下操作,显示隐藏的tr元素并隐藏寻呼机div Html
我不明白你在问什么。如果不需要分页,则不要包含要分页的代码。在某些情况下,我需要分页并删除。是否撤消分页?要返回到应用分页之前的状态?
<div class="remove">Remove</div>
$('.remove').click(function(){
$('.pager').hide();
$('tr').show();
});