Javascript jQuery ui可排序可拖动模块遇到多个问题?

Javascript jQuery ui可排序可拖动模块遇到多个问题?,javascript,jquery,jquery-ui,jquery-ui-sortable,jquery-ui-draggable,Javascript,Jquery,Jquery Ui,Jquery Ui Sortable,Jquery Ui Draggable,(总之,我的问题可以在这里查看:) 所以我正试图修复我在和我朋友合作的网站上运行的代码, ,我们使用jQuery UI在三列界面中添加可排序模块,不幸的是,我的代码遇到了一些奇怪的错误,当我使用此jQuery为排列在与connectWith连接的列内部的模块启动可拖动接口时,它遇到了一个问题,即模块在移动后会自动克隆,而这些模块只应移动: $(".module").draggable({ handle: $(this).children(".draghandle"), opaci

(总之,我的问题可以在这里查看:)

所以我正试图修复我在和我朋友合作的网站上运行的代码, ,我们使用jQuery UI在三列界面中添加可排序模块,不幸的是,我的代码遇到了一些奇怪的错误,当我使用此jQuery为排列在与connectWith连接的列内部的模块启动可拖动接口时,它遇到了一个问题,即模块在移动后会自动克隆,而这些模块只应移动:

$(".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是一个克隆,它应该只使用自身的克隆来拖动,如果它设置为original,它应该将模块完全移出它所在的位置并拖动模块本身,但是我不明白为什么它会导致这些奇怪的问题,网站上的当前设置是克隆,但是你当然需要创建一个帐户来测试它,如果你想在之后立即删除它,一旦你在网站上,你需要调用javascript函数ModularMode(),如果您不知道如何通过在浏览器中输入“javascript:ModularMode();”(不带引号)轻松完成此操作。我希望我能得到一些有用的回答,谢谢。

不管怎样,你都在重复你的努力,声明你的元素是可拖动和可排序的。排序表具有所有相同的选项,因此您也可以在那里指定它们。您在使用脚本时遇到如此多问题的原因可能是,表单元格倾向于在库用于创建所需行为的CSS定位属性类型方面产生问题。我甚至不能开始猜测克隆人。然而,通过使用稍微不同的标记(无序列表)和元素定位,我成功地完成了您试图完成的任务。您可以同样轻松地使用div来包装其他div,但将所有列容器都放在左边,这样就可以了


与许多排序表一样,拖动的元素并不总是容易捕捉到列表的底部,但它是可行的。您需要为列指定“宽度”和“最小高度”属性,这样当您从列中拖动所有元素时,它们不会消失。

值得一提的是,您通过同时声明可拖动和可排序的元素来重复工作。排序表具有所有相同的选项,因此您也可以在那里指定它们。您在使用脚本时遇到如此多问题的原因可能是,表单元格倾向于在库用于创建所需行为的CSS定位属性类型方面产生问题。我甚至不能开始猜测克隆人。然而,通过使用稍微不同的标记(无序列表)和元素定位,我成功地完成了您试图完成的任务。您可以同样轻松地使用div来包装其他div,但将所有列容器都放在左边,这样就可以了


与许多排序表一样,拖动的元素并不总是容易捕捉到列表的底部,但它是可行的。您需要为列指定“宽度”和“最小高度”属性,这样当您从列中拖动所有元素时,它们不会消失。

如果您可以将问题归结为一个示例,您的问题可能会得到更多关注,如果您可以将问题归结为一个示例,您可能会在问题上发布一个示例,如果您可以将问题归结为一个示例,您的问题可能会得到更多关注下面是一个您可以在Thank上发布的示例,结果是双重声明导致了重复XD,并将其全部放在一个声明中解决了我的大部分问题:)谢谢,结果是双重声明导致了重复XD,并将其全部放在一个声明中解决了我的大部分问题:)