Question

我无法弄清楚如何使用jQuery的Datatables插件，例如，如果有3个带编号的页面链接，那么它还有第一个，上一个，下一个，最后一个链接。如果您在第1页上，那么First，Previous按钮应该只应用了pagination_button_disabled css，而是它还具有paginate按钮，然后是第一个或前一个css样式。我只想让第一个和最后一个拥有paginate_button_disabled的css样式，如果你在第1页，如果你在第3页，那么显然很受尊敬，那么应该禁用Last和Next。

Answer 1

嗯可能是这样的：

var currentPage = parseInt($(...).text(), 10);
var totalPages = parseInt($(...).text(), 10);
$(".page").removeClass("pagination_button_disabled"); //Enable all initially
if(currentPage == 1){
  $("#first, #previous").addClass("pagination_button_disabled");
}
if(currentPage == totalPages){
  $("#last, #next").addClass("pagination_button_disabled");
}

希望这会有所帮助。干杯

Answer 2

我认为即使他们有类'paginate_button_disabled'，也没有定义该类的CSS（实际上所有CSS都是从类'paging_full_numbers'继承的）。我认为你应该定义一个css规则

.paging_full_numbers  .paginate_button_disabled{
    //put your rule for disabled content here
    color: gray;
}

加载数据表CSS后

编辑 - 我编辑了你的小提琴（我修改的只是我从datatables.net网站加载数据表的来源，因为你的脚本链接被破坏了。）

我添加了这行css

.dataTables_paginate .paginate_button_disabled{
     display:none;   
}

并隐藏了禁用的按钮。看这里：http://jsfiddle.net/F7GLm/2/

更改数据表CSS功能

2 个答案: