jquery - 如何将 JQuery DataTables "input"插件与 DataTables 1.10 一起使用

标签 jquery jquery-plugins datatables

jQuery 数据表 "input" plugin除了典型的第一个、上一个、下一个、最后一个按钮之外,创建它还允许用户在分页显示上手动输入页码。默认显示显示下一页和最后一页,并在当前页码旁边有几个页码按钮,因此如果您在第 10 页,可能会有标记为“11”、“12”和“13”的按钮。但是如果您想转到 2000 页的第 1000 页怎么办?没有简单的方法可以到达那里。这就是输入插件的动机。

但是,此代码是为 DataTables 的“旧”版本(1.10 之前的版本)编写的。我的应用程序是为较新版本编写的。

页面上引用的示例使用 1.10 之前的语法:

$(document).ready(function() {
      $('#example').dataTable( {
          "sPaginationType": "input"
      } );
  } );

我尝试按照新语法进行一些简单的修改

$(document).ready(function() {
      $('#example').DataTable( {
          "paginationType": "input"
      } );
  } );

但它不起作用。可以肯定的是,页码的输入有效,但所有其他按钮都损坏了,呈现为文本:

screenshot

有没有一种简单的方法可以让这个插件与较新的 DataTables 一起使用,或者有没有更好的方法可以在该环境中获得此功能?

最佳答案

就我而言 http://cdn.datatables.net/1.10.0/css/jquery.dataTables.css失踪。添加后一切正常。

关于jquery - 如何将 JQuery DataTables "input"插件与 DataTables 1.10 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32505087/

相关文章:

javascript - 为什么这两种编写 jQuery 插件的方式是等价的?

javascript - 如何使 DataTable 列至少与标题文本一样宽?

javascript - 数据表页脚回调和内容可编辑

jquery - 按钮在控制台输出中显示为禁用,但仍然可以检查

javascript - 如何告诉 bxslider 更改最小图像数量?

javascript - jQuery 表单验证和提交问题

mysql - CodeIgniter 或 Ignited Datatables 中的长尾 where 子句

javascript - 为什么这两个 jQuery 函数都没有在点击时触发?

javascript - angularjs 数据表按钮插件

php - 将列更改为 Auto_Increment