1

我在正在构建的站点上使用 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>

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

4

1 回答 1

0

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

这是寻呼机插件演示页面。只需将removeRows选项设置为false，它应该可以解决此问题。

于 2012-05-15T17:52:44.147 回答