CODEWITHSUNDEEP
jqueryjquery-uidraggabledroppable
chris
chris

Reputation: 605

Why does this jquery not fire the first droppable event?

$(".profile_icon").liveDraggable({ 
        start: function(event, ui){
            $("#team_deletezone").show();
            $(this).addClass('valid');
        },
        stop: function(event, ui){
            $("#team_deletezone").fadeOut();
        },
        containment: 'document',
       helper: 'clone',
       opacity: 0.70,
       zIndex:10000,
       appendTo: "body"
});

So the item drags and then just doesn't do anything. On the second drop it fires properly?

When the item is dropped it should give a JS alert();

Check out the JSfiddle

Upvotes: 0

Views: 80

Answers (1)

user626963
user626963

Reputation:

Just change liveDroppable to droppable and it works:

 $("#team_deletezone").droppable({
        tolerance: 'pointer',
        drop: function( event, ui ) {
           alert("This Worked!");
        }
    });

Upvotes: 1

Related Questions