Jquery 具有实时单击事件功能的Datatables

Jquery 具有实时单击事件功能的Datatables,jquery,datatables,Jquery,Datatables,我试图做的是,当用户单击“查看所有内容页”时,它会退出分页视图,因此我希望它删除分页链接,它会删除页面,但不会删除第一个预览下一个最后一个链接,但是当用户单击“查看分页记录”时,它会添加第一个预览下一个最后一个链接 如果要根据所做的操作显示/隐藏分页控件,只需显示/隐藏它们: $('.viewAll').live('click', function(e) { e.preventDefault(); oTable.fnLengthChange(-1); $(this).re

我试图做的是,当用户单击“查看所有内容页”时,它会退出分页视图,因此我希望它删除分页链接,它会删除页面,但不会删除第一个预览下一个最后一个链接,但是当用户单击“查看分页记录”时,它会添加第一个预览下一个最后一个链接


如果要根据所做的操作显示/隐藏分页控件,只需显示/隐藏它们:

$('.viewAll').live('click', function(e) {
    e.preventDefault();
    oTable.fnLengthChange(-1);
    $(this).removeClass('viewAll').addClass('paginateRecords');
    $(this).find('strong').html('View Paginated Records');
    $('.pagination').hide();
});

$('.paginateRecords').live('click', function(e) {
    e.preventDefault();
    oTable.fnLengthChange(10);
    $(this).removeClass('paginateRecords').addClass('viewAll');
    $(this).find('strong').html('View All Content Pages');    
    $('.pagination').show();    
});

fiddle:

所以当分页被禁用时,你想隐藏“第一次预览下一次最后一次”按钮吗?我说过了,我会再说一遍,你真是太棒了。我的脚本处理dataTables插件时,我只需要做最后一件事,那就是css相关。假设你在第1页,共3页。在这种情况下,应禁用第一个和最后一个按钮。我有一个特殊的样式可以应用于禁用的按钮,但是它们被取消了,因为有其他样式应用于它们,它不显示禁用的按钮样式。