[英]Behaviors of JQuery sortable and draggable
我有 2 个可拖动对象“字段”和“容器”以及一个可排序对象“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-container
这样做。 是什么让现有的和新创建的不同以及如何修复它?
对我来说,jsfiddle 中的所有内容都按预期工作。 但是,您使用了克隆助手,它不能让您完全控制克隆时发生的情况。 jQuery 的 clone() 函数需要 2 个参数。
.clone( [withDataAndEvents ] [, deepWithDataAndEvents ] )
因此,要在每个元素上拥有相同的事件,您要么自己克隆它们,将两个参数设置为 true,要么再次将事件绑定/取消绑定到每个新添加的对象。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.