问题:使用 jquery 插件 tablesorter 进行表格排序和分页

Posted

技术标签:

【中文标题】问题:使用 jquery 插件 tablesorter 进行表格排序和分页【英文标题】:Problem: table sorting and pagination with jquery plugin tablesorter 【发布时间】:2010-06-10 15:03:16 【问题描述】:

我有一个有 100 行的表,它也有分页。每页显示 10 条记录。我正在使用 jquery 插件 tablesorter 和 pager。排序和分页就像一个魅力。现在我要做的是在单击每个表格单元格时显示一个 div。当我加载表格的第一页(即:10 条记录)时,它工作正常。但是当我使用分页对其进行排序或转到任何其他页面时,它会停止工作。弹出窗口根本没有出现。我也刚刚尝试了警报。即使这样也行不通。然后我发现如果我注释掉 $(this).trigger("appendCache") 弹出窗口一切正常。但我的表显示所有行。分页需要折腾。有人可以帮我吗?

非常感谢, 脾气暴躁

【问题讨论】:

这个问题太本地化了,你甚至没有提供任何代码。您只想随机猜测答案吗? 【参考方案1】:

您可能需要使用 .live() 分配您的 show-the-div 逻辑,这会将行为附加到动态添加到页面的对象(例如由于分页而出现的新表格行)。

所以是这样的:

$(document).ready( function()
    $('table#your_table td').live('click', function()
        // your popup code
    );
);

【讨论】:

嘿,Ken,这解决了我的问题并节省了我很多时间。我很感激你的时间和超级知识。这是一个预加载的表格,其余页面被分页器插件隐藏(兑现)。 @Josh:如果肯没有回复,我会发布代码。下次我会做。感谢您的答复。非常感谢,Racky 如果他的评论解决了你的问题,你应该接受他的评论;)

以上是关于问题:使用 jquery 插件 tablesorter 进行表格排序和分页的主要内容,如果未能解决你的问题,请参考以下文章

jQuery插件 tablesorter 表格排序 使用说明

jQuery插件Tablesorter错误地对日期进行排序

IE7中的jQuery tablesorter插件列宽不正确

jQuery tablesorter 页面插件不起作用

jQuery tablesorter 插件在 AJAX 调用后不起作用

使用 jquery tablesorter 插件,有一个下拉框选择一个项目