jstree的dnd插件中的拖放事件不起作用

Question

I am using jsTree for tree representation of the Files and folders. I would like move folders from one tree to the other.

For this reason I have enabled the drag and drop plugin (dnd).

Unfortunately it doesn't work if i also use the "types" plugin.

Do you have any suggestion?

Thank you very much!

I am posting the related code below

<script>

    function buildTrees() {


        var myTypes = {
            "mg1": {
                "max_depth": 1,
                "valid_children": ["ean"]
            },
            "ean": {
                "max_depth": 0
            },
            "aaa": {
                "max_depth": 2,


                "valid_children": ["mg1"]
            },
            "#": {
                "max_depth": 3,
                "valid_children": ["aaa"]
            }
        };


    }

   var sourceTree = $('#sourceTree').jstree({
            "core": {"check_callback": true}, "plugins": ["search", "wholerow", "dnd",   "checkbox", "types"] , "types": myTypes
        });

        var targetTree = $('#targetTree').jstree({
            "core": {"check_callback": true}, "plugins": ["search", "wholerow", "dnd", "checkbox", "types"] , "types": myTypes
        });



    $().ready(buildTrees());
</script>

Answer 1

There were some issues in jsTree when working with two instances of jsTree in the same doc, and especially when both instances have nodes with same IDs.

Here are the related issues:

https://github.com/vakata/jstree/issues/1013 - related to node IDs

https://github.com/vakata/jstree/issues/1014 - related to types plugin

Both issues are fixed and closed, thanks to the author!