Jquery Tablesorter插件和拖放功能

Question

我在网站Im上使用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>

我认为在更改表时需要调用draggable函数，方法是单击另一个页面或对表进行排序。我只是不确定如何实现。

Answer 1

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

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