2012-05-15 170 views
1

在网站Im构建中使用Jquery Tablesorter插件,并遇到使用Jquery拖放功能拖放内容的问题。Jquery Tablesorter插件和拖放功能

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

任何帮助将是伟大的。

<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> 

我认为当表格被改变时需要调用可拖动的函数,通过点击到另一个页面或排序表格。我只是不确定如何实现。

+1

你到目前为止试过的东西?显示一些代码 –

回答

0

pager插件存储和排序来自内存的数据,所以第二页的行在pager插件初始化后并不存在。你可以不使用寻呼机插件或尝试我在我的github叉tablesorter分页的修改版本。

这是pager addon演示页面。只需将removeRows选项设置为false并且它应该可以解决此问题。