У меня есть перетаскиваемое / перетаскиваемое дерево, куда пользователь может добавлять новые элементы.После нажатия кнопки «Добавить» новый элемент добавляется в дерево.Как я могу обновить дерево, перетаскиваемый и выпадающий работает на новый добавленный элемент:
$("li.tree_item a").droppable({
tolerance : "pointer",
hoverClass : "tree_hover",
drop : function(event, ui){
var dropped = ui.draggable;
dropped.css({top: 0, left: 0});
var me = $(this).parent();
if(me == dropped)
return;
var subbranch = $(me).children("ul");
if(subbranch.size() == 0) {
me.find("a").after("<ul></ul>");
subbranch = me.find("ul");
}
var oldParent = dropped.parent();
subbranch.eq(0).append(dropped);
var oldBranches = $("li", oldParent);
if (oldBranches.size() == 0) { $(oldParent).remove(); }
var data = Object();
data.tree = Array();
data.tree = parseTree($("#tag_tree"));
$.getJSON( urlJson, data, function(resp) {
});
}
});
$("li.tree_item").draggable({
opacity: 0.5,
revert: true,
});
и кнопка, которая добавляет ne к элементу в этом дереведобавить новый элемент?