我有一些类似于下面的标记,我试图隐藏“some_row”TR.
<div id="sortable"> <table> <tr><td>Some Title 1</td></tr> <tr class="some_row"><td><textarea ...></td><tr> </table> <table> <tr><td>Some Title 2</td></tr> <tr class="some_row"><td><textarea ...></td><tr> </table> </div>
这是我尝试过的:
$(function () { $("#sortable") .sortable({ helper: function (e,o) { o.find("#some_row").hide(); return o; },start: function () { $(".some_row").hide(); },stop: function () { $(".some_row").show(); } }) .disableSelection(); });
最初我开始只是启动和停止事件,然后我添加了帮助因为,我猜的是克隆的选定行,有一个隐藏的some_row div但高度相同.
无论如何,上面的作品完美无瑕,但看起来小部件仍然考虑到周围div的原始高度.
有什么办法可以挽救这个想法吗?
解决方法
在返回帮助程序之前,需要在.somerow上调用hide.
帮助器是原始div的克隆,以及您看到的被拖动的内容.因此,当您隐藏行时,已经创建了克隆.
启动后运行的刷新将重新加载可排序对象以调整新高度.
$(function () { $("#sortable") .sortable({ cursor: 'move',cursorAt: { left: 0,top: 10 },helper: function (e,o) { $(".some_row").hide(); o.find("#some_row").hide(); return o; },start: function () { $( "#sortable" ).sortable( "refresh" ); },stop: function () { $(".some_row").show(); } }) .disableSelection(); });
您还可以在拖动时定义光标位置(相对于辅助对象)以及使用光标和jqueryui sortable api的cursorAt选项悬停时显示的光标类型
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。