jQuery:tablesorterPager有没有办法显示可选择的页码?

时间:2010-12-04 19:02:45

标签: javascript jquery navigation tablesorter

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

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

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

1 个答案:

答案 0 :(得分:0)

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

  • 创建一个功能,为每个页码设置<ul> <li>。你可以选择隐藏像这个网站那样的中间人。
  • 从构造函数
  • 调用此函数
  • 在构造函数中设置click()事件以加载页面。我认为这样做最简单的方法就是让每个<li>都有#page0,#page1,#page2等行的ID。这样你就可以剥离'page'部分,并根据他们点击的项目的.val()将它们发送到页面。
  • 当您更改页面时,您可能希望切换一些活动类并可能更改原始<ul>个孩子。这可以全部包含在一个函数中。有关要更改的元素以及类名称的详细信息,请参阅插件附加组件。
祝你好运!如果您想了解更多细节,请发表评论或其他内容。