Jquery Tablesorter 插件和拖放功能答案

【问题标题】：Jquery Tablesorter plugin and drag/drop functionalityJquery Tablesorter 插件和拖放功能
【发布时间】：2012-05-15 06:09:43
【问题描述】：

我在正在构建的网站上使用 Jquery Tablesorter 插件，但在使用 Jquery 可拖放功能拖放内容时遇到了问题。

如果表格有 20 行，并且我已将表格设置为每页仅显示 10 行，我发现我可以拖入和拖出表格的第一页，但是一旦我翻页到第二页，我就会松动拖放的能力。

任何帮助都会很棒。

<script type="text/javascript">
$(document).ready(function() {
$("#news-table") 
.tablesorter({widthFixed: false, widgets: ['zebra']}) 
.tablesorterPager({container: $("#pager"), size: 5});
});
</script>

这是初始化表格的脚本。这是表格中的一行。具有“news_draggable”类的图像是可以拖动的元素。

<div style="width: 100px; height: 100px;" class="droppable ui-droppable" id="target_11">
<img src="../uploads/thumb_p16t4fe2urr012g31e671garcto7.jpg" class="news_draggable ui-draggable" id="11">
</div>

我认为更改表格时需要调用可拖动函数，可以通过点击到另一个页面，也可以通过对表格进行排序。我只是不确定如何实现。

【问题讨论】：

到目前为止您尝试过什么？显示一些代码

标签： jquery tablesorter droppable

【解决方案1】：

pager 插件存储和排序内存中的数据，因此在 pager 插件初始化后，第二页中的行实际上并不存在。您可以不使用寻呼机插件，也可以尝试我在tablesorter的github fork中拥有的寻呼机的修改版本。

这里是pager addon 演示页面。只需将removeRows 选项设置为false 即可解决此问题。

【讨论】：