JQuery UI draggable conflicts with Wijmo draggable

Question

I am using JQuery UI for its drag and drop feature and Wijmo (a javascript UI library) for menu bar. However the 'draggable' function in JQuery UI won't work along with Wijmo library since there is also a 'draggable' function in Wijmo. How can the program tell which function it is using?

Answer 1

You could bind the "draggable" events together.

$('#foo').bind('draggable', function() {
    //code goes here
});

Or even...

$('#foo').bind({
    draggable: function() {
       // do something on drag
    },
    droppable: function() {
       // do something on drop
    }
});