jQuery JsTree版本3+插件DND

Question

拖動后在哪里可以獲取信息：

1. 目標元素
2. 包含移動元素的位置（內部，之后，之前）

ad1）我發現了這樣的目標元素：

$(document).on('dnd_stop.vakata', function (e, data) {
    var t = $(data.event.target);
);

ad2）我不知道

在版本1+中，我發現它是這樣的：

$("#tree").bind("move_node.jstree", function (e, data) {
    var idMoveElement = data.rslt.o.attr('id');
    var idTargetElement = data.rslt.r.attr('id');
    var where = data.rslt.p;
}

非常簡單...但是在版本3+中我不知道。

你能幫助我嗎？

謝謝。

Answer 1

我的解決方案：

$('#tree_structure').bind('move_node.jstree', function (e, data) {

    if(data.parent !== '#') {
        var infoAfterDnd = getTargetElementAndWhere(data);
        if(infoAfterDnd .target.length > 0 && infoAfterDnd.where !== '') {
            console.log(infoAfterDnd);
        }
    }

});

getTargetElementAndWhere = function(data) {
    var where = '';
    var $parent = $('#' + data.parent);

    var $target = $('li:nth-child(' + data.position + ')', $parent);

    if($target.length > 0) 
        where = 'after';
    else {
        where = 'inside';
        $target = $parent;
    }   

    return { where: where, target: $target };
},