Question

How can I bind a function on the drop event, but outside of the droppable() function?

$('#list').droppable({
    // ...      
    drop: function(e,ui) {
       // this works...
    },
});


// ..but I want to bind my function here

Is this possible?

Answer 1

Yes, absolutely. Bind to the “drop” event as you would any other event.

$( "#list" ).bind( "drop", function(event, ui) {
  ...
});