How can I drop a cloned image using jQuery?

Question

I can't drop a cloned image. But this works when I comment the helper:"clone" option.

$(document).ready(function(){

    $("#drag").draggable({
        helper:"clone",
        revert:"invalid"
    });
    $("#table4").droppable();

});

score 0 · Answer 1 · edited May 23 '17 at 12:21

0

I think this resolves your issue: When I make a draggable clone and drop it in a droppable I cannot drag it again.

Ps.: A simple search was enough to find this.

edited May 23 '17 at 12:21

Community

1
1

answered Jan 18 '12 at 15:02

Ricardo Souza

16,030
6
37
69

score 0 · Accepted Answer · answered Jan 18 '12 at 15:05

the helper is only for visuals.

if you want to clone the image and drop it .. try something like that:

$("#table4").droppable({
    accept: "#page",
    tolerance: "touch",
    drop: function (event, ui) {
        ui.draggable.clone().appendTo(this);
    }
});

How can I drop a cloned image using jQuery?

2 Answers2