Wednesday, January 18, 2012

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

});

2 comments:

  1. 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);
    }
    });

    ReplyDelete
  2. I think this resolves your issue: Jquery: draggable clone.

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

    ReplyDelete