[英]Get the name of dropped item into new div in jstree
我正在使用jstree.
创建一个web应用程序,例如jstree.
我能够拖放submenu items
。 我想将删除的项目的名称命名为new div
。 这是我的jsfiddle
这是我的拖放代码
$('.drag').on('mousedown', function (e) {
return $.vakata.dnd.start(e, { 'jstree' : true, 'obj' : $(this), 'nodes' : [{ id : true, text: $(this).text() }] }, '<div id="jstree-dnd" class="jstree-default"><i class="jstree-icon jstree-er"></i>' + $(this).text() + '</div>');
});
$(document).on('dnd_move.vakata', function (e, data) {
var t = $(data.event.target);
if(!t.closest('.jstree').length) {
if(t.closest('.drop').length) {
data.helper.find('.jstree-icon').removeClass('jstree-er').addClass('jstree-ok');
}
else {
data.helper.find('.jstree-icon').removeClass('jstree-ok').addClass('jstree-er');
}
}
}).on('dnd_stop.vakata', function (e, data) {
var t = $(data.event.target);
if(!t.closest('.jstree').length) {
if(t.closest('.drop').length) {
$(data.element).clone().appendTo(t.closest('.drop'));
// node data:
// if(data.data.jstree && data.data.origin) { console.log(data.data.origin.get_node(data.element); }
}
}
您可以在$(data.event.target).text()中获得放置项的名称。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.