JSTree DND Event at Drag Start Point

Question

I have an external draggable object (draggable via jstee dnd), on which I need to perform a check before the object starts dragging.

I am looking for a method similar to drag_finish or a binding that I can use, but at the beginning of a drag event.

Answer 1

$(document).bind("drag_start.vakata", function (e, data) { 
  if(data.data.jstree) { 
    // add your code here 
  } 
}); 

Document binding did the trick

Answer 2

As a more complete answer, here is the code for all three events (start, drag and stop):

$(document).bind("drag_start.vakata", function (e, data) {
    if (data.data.jstree) {
        //User started dragging
    }
});

$(document).bind("drag.vakata", function (e, data) {
    if (data.data.jstree) {
        //User is dragging
    }
});

$(document).bind("drag_stop.vakata", function (e, data) {
    if (data.data.jstree) {
       //User stopped dragging
    }
});

Answer 3

drag_start.vakata​​strong > dnd_start.vakata​​strong > . :

$(document).bind("drag_start.vakata", function (e, data) {
if (data.data.jstree) {
    //User started dragging
}});

$(document).bind("drag.vakata", function (e, data) {
if (data.data.jstree) {
    //User is dragging
}});

$(document).bind("drag_stop.vakata", function (e, data) {
if (data.data.jstree) {
   //User stopped dragging
}});