gpt4 book ai didi

javascript - JQuery 可排序和可拖动的行为

转载 作者:行者123 更新时间:2023-11-29 21:41:33 25 4
gpt4 key购买 nike

我有 2 个可拖动对象“field”和“container”以及一个可排序对象“ui-main”。我想要做的是将上面的 2 个对象拖到“ui-main”中,并允许将对象添加到“容器”中,从而创建一个嵌套的可排序表单。

这是演示:https://jsfiddle.net/tblaziken/a2qbnygb/1/

到目前为止的 javascript:

$('.ui-select .ui-select-item').draggable({
revert : "invalid",
helper: 'clone',
connectToSortable : '.ui-sortable'
});

$( ".ui-sortable" ).sortable({
connectWith: '.ui-sortable',
placeholder: 'ui-hovering'
});

问题是我只能将新对象添加或移动到 ui-main 和 2 个已存在的 ui-container 对象中,但无法使用新创建的 ui 容器。是什么让现有的和新创建的不同,如何解决?

最佳答案

对我来说,您的 jsfiddle 中的所有内容都按预期工作。但是,您使用克隆助手,它不能让您完全控制克隆时发生的事情。 jQuery 的 clone() 函数需要 2 个参数。

.clone( [withDataAndEvents ] [, deepWithDataAndEvents ] )

因此,要在每个元素上拥有相同的事件,您要么自己克隆它们,将两个参数都设置为 true,要么再次将事件绑定(bind)/取消绑定(bind)到每个新添加的对象。

关于javascript - JQuery 可排序和可拖动的行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32691437/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com