jsTree mdn événements qui ne sont pas de tir

Je suis en train d'essayer de capturer le mdn événements dans jsTree 3.0.0. J'ai utilisé la démo de code pour créer des gestionnaires d'événements. L'arbre construit très bien, mais les événements ne jamais faire feu. Ce qui me manque?

C'est la partie pertinente. Le JSON fonctionne très bien et construit l'arbre lui-même trouver. Cependant, la console.journal des appels ne jamais se produire lorsque j'ai faites glisser et déposez les sur l'arbre.

<link href="/jquery/jquery-ui-1.10.3/css/ui-lightness/jquery-ui-1.10.3.custom.min.css" />
<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" />
<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>
  • OK, j'ai trouvé que le move_node événement se déclenche à la place. Donc cela fonctionne: .sur('move_node.jstree', function (e, data) { console.log('Déplacé'); }) Toujours curieux de savoir pourquoi le vakata événements dans les docs ne fonctionnent pas, bien.
InformationsquelleAutor GeoJunkie | 2014-04-29
  1. 21

    L'événement est déclenché uniquement sur le "document".
    Essayez ceci:

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

    Ça marche!!!

    InformationsquelleAutor Sandro Stadler
  2. 7

    Dans la documentation https://www.jstree.com/api/#/?q=event&f=dnd_start.vakata

    Mdn événements (dnd_start, dnd_move, dnd_stop) sont déclenchées sur le document, et non pas sur l'arbre.

    Ces événements sont différentes de celles de "move_node.jstree" de l'événement, qui n'est appelé qu'à la fin de Drag & Drop (équivalent à la Baisse de l'événement).

    $(document).bind("dnd_start.vakata", function(e, data) {
    console.log("Start dnd");
})
.bind("dnd_move.vakata", function(e, data) {
    console.log("Move dnd");
})
.bind("dnd_stop.vakata", function(e, data) {
    console.log("Stop dnd");
});
$("#tree").jstree({
    //tree...
}).bind("move_node.jstree", function(e, data) {
   console.log("Drop node " + data.node.id + " to " + data.parent);
});
    InformationsquelleAutor Lia Stk