Question

In this fiddle – http://jsfiddle.net/zyUkd/26/

I am attempting to enable the div “Hello 01” to accept a droppable when I click the button “Add Droppable” . I’m adding the droppable class “todrop” when the button is clicked but when I then drop an item on “Hello 01” the droppable event is not registered ?

Answer 1

You need to call .droppable() on the element in the addDroppable() function:

var addDrop = $("#adddrophere").droppable({
    drop: function(event, ui) {
        alert('dropped here');
    }
});

Example fiddle