Question

I am trying to use a draggable and droppable plugins of jquery ui. I want to trigger a

drop event of droppable plugin by dragging and dropping the elements helper clone. How can i do this?

You can see the example here : See the Codiqa (drag & drop)

Answer 1

You can initialize a draggable element with helper option, and append the clone of draggable element when it’s dropped.

$(function() {
    $(".draggable").draggable({
        helper: "clone"
    });
    $("#dropzone").droppable({
        drop: function(event, ui) {
            $(this).append($(ui.draggable).clone());
        }
    });
});​

DEMO