jstree 3获取目标落地的位置

Question

我已经创建了这个

http://jsfiddle.net/n82vvvo6/

jQuery(function($) {
    $(document).on('dnd_stop.vakata', function(e, data) {
        var origin = $(data.element);
        var target = $(data.event.target);
        // Missing something here to get if the origin is before or after the target

        $('#result').html(
            '<div><b>Target:</b> ' + target.html() + '</div>' + 
            '<div><b>Origin:</b> ' + origin.html() + '</div>'
        );
    })

    $('#jstree_demo').jstree({
      "core" : {
        "check_callback" : true,
        "themes" : { "stripes" : true },
      },
      "plugins" : [
        "dnd"
      ]
    });
});

现在，如果我将fx 1-5移到顶部，目标是1-1，但如果我将fx 1-5移到底部，目标是1-8

有没有什么方法可以让我知道原点是在目标之前还是之后？

Answer 1

这可能与你的直接问题略有不同，但这是我如何解决的问题，即计算出落点的位置。在调用“dnd_stop.vakata”之后，将调用“move_node.jstree”事件，该事件包含要删除的项、旧父项、新父项和索引点。

$('#AdminTree').on("move_node.jstree", function (e, data) {

        //item being moved                      
        var moveitemID = $('#' + data.node.id).find('a')[0].id;            

        //new parent
        var newParentID = $('#' + data.parent).find('a')[0].id;

        //old parent
        var oldParentID = $('#' + data.old_parent).find('a')[0].id;

        //position index point in group
        //old position
        var oldPostionIndex = data.old_position;
        //new position
        var newPostionIndex = data.position;
    });