Jquery UI 克隆 children div
Jquery UI cloning children of a div
我正在使用 jquery 和 jqueryUI(我刚刚开始使用)开发一个项目,并且我一直在努力解决一个问题:
我正在使用拖放功能(.draggable() 和 .dropable())将多个项目从可拖动区域克隆到可放置区域。
从拖拽功能中,我'send'几个div我选择了这样的:
helper: function(){
var selected = $('.' + selectedClass);
if (selected.length === 0) {
selected = $(this);
}
var container = $('<div/>').attr('id', 'draggingContainer');
container.append(selected.clone());
return container;
},
在 drop 函数中,我想使用几个 div 并对其进行修改(这是我希望避免修改的现有代码)。我使用 for 循环来处理每个项目并使用:
var clone = ui.helper.children().clone();
但是当我想在主 div 中获取特定的 div 时,我会
var clone = ui.helper.children().get(i).clone();
然后前面的代码:
clone.find('.formDeleteTileMenu').remove();
不再起作用,其他任何 DOM 操作函数也不起作用。
任何人都知道我如何获得我收到的 div 的特定孩子并将其用作克隆?
在此先感谢您的帮助,我觉得我错过了什么。
我还没有测试过,但是 get()
returns 底层 DOM-object 而不是 jQuery 对象,所以试试这个(使用 eq
而不是 get
):
var clone = ui.helper.children().eq(i).clone();
我正在使用 jquery 和 jqueryUI(我刚刚开始使用)开发一个项目,并且我一直在努力解决一个问题: 我正在使用拖放功能(.draggable() 和 .dropable())将多个项目从可拖动区域克隆到可放置区域。
从拖拽功能中,我'send'几个div我选择了这样的:
helper: function(){
var selected = $('.' + selectedClass);
if (selected.length === 0) {
selected = $(this);
}
var container = $('<div/>').attr('id', 'draggingContainer');
container.append(selected.clone());
return container;
},
在 drop 函数中,我想使用几个 div 并对其进行修改(这是我希望避免修改的现有代码)。我使用 for 循环来处理每个项目并使用:
var clone = ui.helper.children().clone();
但是当我想在主 div 中获取特定的 div 时,我会
var clone = ui.helper.children().get(i).clone();
然后前面的代码:
clone.find('.formDeleteTileMenu').remove();
不再起作用,其他任何 DOM 操作函数也不起作用。
任何人都知道我如何获得我收到的 div 的特定孩子并将其用作克隆?
在此先感谢您的帮助,我觉得我错过了什么。
我还没有测试过,但是 get()
returns 底层 DOM-object 而不是 jQuery 对象,所以试试这个(使用 eq
而不是 get
):
var clone = ui.helper.children().eq(i).clone();