Tablesorter 和 Pager:如何安装?

发布于 2024-09-09 04:41:07 字数 748 浏览 11 评论 0原文

我的 tablesorter 与 zebra 启动并运行得很好,但我似乎无法正确安装寻呼机。

当我包含如下所示的 pager.js 文件时,它破坏了我的所有排序。当未加载此文件时排序工作正常,但我没有得到寻呼机。

有人问我做错了什么吗?

<script type="text/javascript" src="/site_media/jquery.js"></script>
<script type="text/javascript" src="/site_media/tablesorter/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="/site_media/tablesorter/jquery.tablesorter.pager.js"></script>

<script type="text/javascript">
$(document).ready(function() {
 // results table sorting
 $("#results")
 .tablesorter({widgets: ['zebra']})
 .tablesorterPager({container: $("#pager")
                                }); 

}); 
</script>

I have my tablesorter with zebra up and running just fine but I can't seem to install the pager properly.

When I include the pager.js file like you see below, it breaks my sorting all together. The sorting works fine when this file is not loaded but I get no pager.

Someone, what am I doing wrong?

<script type="text/javascript" src="/site_media/jquery.js"></script>
<script type="text/javascript" src="/site_media/tablesorter/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="/site_media/tablesorter/jquery.tablesorter.pager.js"></script>

<script type="text/javascript">
$(document).ready(function() {
 // results table sorting
 $("#results")
 .tablesorter({widgets: ['zebra']})
 .tablesorterPager({container: $("#pager")
                                }); 

}); 
</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

江南月 2024-09-16 04:41:07

您作为代码放置的内容应该可以工作。

    $("#"+tableid)
        .tablesorter({widthFixed: true, widgets: ['zebra']})
        .tablesorterPager({container: $("#pager")});

确保 -

  1. 您的表具有相同的“id”,寻呼机容器具有相同的“id”!
  2. 有时,JavaScript 可能会在表格完全呈现之前运行。因此,将 javascript 放在页面末尾。

希望这有帮助...

What you put as code should work.

    $("#"+tableid)
        .tablesorter({widthFixed: true, widgets: ['zebra']})
        .tablesorterPager({container: $("#pager")});

Make sure -

  1. You have your table with the same 'id' and pager container with same 'id'!
  2. Also sometimes javascript might be running before the table is completely rendered. So put javascripts at the end of the page.

Hope this helps...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文