jQuery-ui可排序可拖动模块遇到多个问题？

Question

（总而言之，我的问题可以在这里查看： http : //jsfiddle.net/F5Wve/12/ ）

因此，我正在尝试修复与朋友FriendGrid一起在我正在使用的网站上运行的代码，我们正在使用jQuery-UI在三列界面中添加可排序的模块，不幸的是，我正在运行我的代码存在一些奇怪的错误，当我使用此jQuery来为与connectConnect相连的列内的模块启动模块的可拖动接口时，会遇到以下问题：模块只能在移动后克隆自己感动：

$(".module").draggable({
    handle: $(this).children(".draghandle"),
    opacity: 0.5,
    helper: 'clone',
    revert: 'invalid',
    connectToSortable: '.column'
});

然后，当我使用下面的代码来初始化它而不是克隆模块时，它看起来像是要移动它，但随后将其完全删除：

$(".module").draggable({
    handle: $(this).children(".draghandle"),
    opacity: 0.5,
    helper: 'original',
    revert: 'invalid',
    connectToSortable: '.column'
});

因此，忽略它的任何一种方式都只是移动它，因为可能会注意到我更改的选项是helper，这也是所有这方面的主要因素，但是，如果helper是克隆，则应仅使用自身的克隆作为拖动，如果将其设置为原始位置，则应将模块完全移出原来位置并拖动模块本身，但是我不知道为什么会引起这些奇怪的问题，因此该站点上的当前设置为克隆，但您当然必须注册一个帐户才能对其进行测试，如果您希望可以立即删除其后缀，那么一旦进入该网站，您就需要调用javascript函数ModularMode（），您不知道如何通过输入“ javascript：ModularMode（）;”轻松完成操作 进入浏览器（不带引号）。 希望我能得到一些有用的回复，谢谢。

Answer 1

对于它的价值，您通过声明元素可拖动和可排序来重复工作。 可排序项具有所有相同的选项，因此您也可以在此处指定它们。 您在脚本中遇到很多麻烦的原因很可能是表单元格倾向于使用库用来创建所需行为的CSS定位属性来产生问题。 我什至无法开始猜测克隆。 但是，通过使用稍有不同的标记（无序列表）和元素定位，我已经成功完成了您要尝试的操作。 您可以轻松地使用div包裹其他div，但是将所有列容器浮起，应该可以正常工作。 查看示例小提琴 。

像许多可排序对象一样，被拖动的元素并不总是容易地捕捉到列表的底部，但它是可行的。 您将需要为列指定width和min-height属性，这样当您从列中拖动所有元素时它们就不会消失。