【问题标题】:jQuery: is there a way for tablesorterPager to show selectable page numbers?jQuery:tablesorterPager 有没有办法显示可选择的页码?
【发布时间】:2010-12-05 05:51:30
【问题描述】:

我正在使用 jQuery TableSorter,我正在尝试添加页面导航(使用 tablesorter)。 现在tablesorter有一个pager插件,但问题是它不显示页码,所以你不能选择一个特定的页面来查看。

我找到了这个分页插件:http://plugins.jquery.com/project/pagination,这正是我想要的。问题是,我试图结合拖车所做的所有尝试都给了我很多错误..

有没有办法把它们结合起来?或者也许改变 tablesorterPager 以便它能够选择页面?

【问题讨论】:

    标签: javascript jquery navigation tablesorter


    【解决方案1】:

    您将需要更改 TablesorterPager。修改单个 DOM 元素的两个插件可能会变得混乱。假设您有编写 jQuery 插件的经验,代码将很容易添加到插件中。如果没有,我会给你一个简短的大纲,如果你不明白,我很乐意提供进一步的帮助。

    • 创建一个函数来为每个页码设置一个<ul> 和一个<li>。您可以选择像本网站那样隐藏中间的几个,也可以不隐藏。
    • 从构造函数调用这个函数
    • 在构造函数中设置 click() 事件以加载页面。我认为最简单的方法是让每个<li> 都有一个类似于#page0、#page1、#page2 等的ID。这样你就可以去掉“page”部分,并且根据他们点击的项目的 .val() 将他们发送到页面。
    • 当您更改页面时,您可能想要切换一些活动课程并可能更改原来的<ul> 孩子。这都可以包装成一个函数。有关要更改的元素和类名的详细信息将在插件插件中找到。

    祝你好运!如果您想了解更多详细信息,请发表评论或其他内容。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2010-10-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-06-14
      • 2012-06-23
      相关资源
      最近更新 更多