How to trigger drop in jQuery?

Question

$(item).droppable({
    drop: function(event, ui) {
        console.log("triggered");
    }
});

I try to call drop by

$(item).trigger("drop", [{},{draggable : $(target_item)}]);

But it doesn't work, any ideas?

I understand that you want to simulate a drag and drop, did you find any solution? — adardesign, Dec 08 '10 at 21:41
@adardesign http://stackoverflow.com/a/29284621/278405?programmatically-drag-and-drop-element-onto-another-element — cychoi, Mar 28 '15 at 20:04

score 0 · Accepted Answer · answered Apr 06 '10 at 18:54

0

Maybe what you want to do is:

$(item).bind('dropthis', function(e){
        console.log('triggered');
}).droppable({
    drop: function(event, ui) {
        $(this).trigger('dropthis',[event, ui]);
        }
});

And call the drop event by:

$(item).trigger("dropthis", [{},{draggable : $(target_item)}]);

answered Apr 06 '10 at 18:54

mauris

42,982
15
99
131

3

no, in the other way, I want to trigger "as it would be" the user who dropped a item, not a user by himself. – Codler Apr 06 '10 at 19:14
1

now looking back on this old question. It looks correct solution :P – Codler Apr 08 '13 at 07:09

score 0 · Answer 2 · answered Dec 08 '10 at 21:42

0

try out jQuery.simulate plugin

Something like this should work.

var dropZone = $("#dropZone").offset() //get dropZone's offset object
$("#dragableEle").simulate("drag", {
     dx: dropZone.left, // move to this x
     dy: dropZone.top, // move to this y
     speed:5000 // set speed
});

answered Dec 08 '10 at 21:42

adardesign

33,973
15
62
84

Oops, I now tested and looks like its not triggering a drop, wonder why, ill try to debug, let me know if you get somewhere. – adardesign Dec 09 '10 at 14:11

How to trigger drop in jQuery?

2 Answers2