Search code examples
jqueryjquery-uijquery-ui-draggablejquery-ui-droppable

How can I drop a cloned image using jQuery?


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();

});

Solution

  • 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);
        }
    });