drag-and-drop - jsTree dnd 事件未触发

Question

我正在尝试在 jsTree 3.0.0 中捕获 dnd 事件。我使用演示代码来构建事件处理程序。树构建良好，但事件永远不会触发。我错过了什么？

这是相关的部分。 JSON 工作正常并构建树本身找到。但是，当我在树上拖放时，console.log 调用永远不会发生。

<link href="/jquery/jquery-ui-1.10.3/css/ui-lightness/jquery-ui-1.10.3.custom.min.css" rel="Stylesheet"/>
<script src="/jquery/jquery-ui-1.10.3/js/jquery-1.9.1.js"/>
<script src="/jquery/jquery-ui-1.10.3/js/jquery-ui-1.10.3.custom.min.js"/>
<link href="/jquery/plugins/jsTree/themes/default/style.min.css" rel="stylesheet"/>
<script src="/jquery/plugins/jsTree/jstree.js"/>
<script>
    $(function () {
        $('#jstree')
        // listen for events
        .on('dnd_start.vakata', function (e, data) {
            console.log('Dragged');
        })
        .on('dnd_stop.vakata', function (e, data) {
            console.log('Dropped');
        })
        // create the instance
        .jstree({
            "core" : {
                "check_callback" : true,
                'data' : {                              
                    'url' : 'categoriesJson.pm?json=1',
                    'data' : function(node) {
                        console.log (node);
                        return {
                            'id' : node.id
                        }
                    }
                },
                "themes" : {
                    "stripes" : true
                }
            },
            "plugins" : [ "dnd" ]
        });

        $(document).bind("drag_stop.vakata", function (e, data) {
            if (data.data.jstree) {
                console.log('User stopped dragging');
            }
        });                 
    });
</script>                   

Answer 1

该事件仅在“文档”上触发。
尝试这个:

$(document).on('dnd_start.vakata', function (e, data) {
    console.log('Started');
});

有用!