javascript - 在jstree中将丢弃的项目的名称获取到新的div中

Question

我正在创建类似 easyquerybuilder 的 Web 应用程序使用 jstree.我可以拖放子菜单项。我想将丢弃的项目的名称获取到新的 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); }
        }
    }

Answer 1

你可以在$(data.event.target).text()中获取掉落元素的名称。