/Javascript/jQuery/Jquery replicate div on drag

Jquery replicate div on drag

$('.draggable').draggable({
  revert: "invalid",
  stack: ".draggable",
  helper: 'clone'
});
$('.droppable').droppable({
  accept: ".draggable",
  drop: function(event, ui) {
    var droppable = $(this);
    var draggable = ui.draggable;
    // Move draggable into droppable
    var drag = $('.droppable').has(ui.draggable).length ? draggable : draggable.clone().draggable({
      revert: "invalid",
      stack: ".draggable",
      helper: 'clone'
    });
    drag.appendTo(droppable);
    draggable.css({
      float: 'left'
    });
  }
});

Source: stackoverflow.com

Similar codes

1 vote300 views2 answers
Get input value from table cell jquery
Javascript jQuery
84 votes316 views3 answers
Jquery google cdn
Javascript jQuery
-1 vote266 views1 answer
How to interrupt scroll with jquery
Javascript jQuery
23 votes264 views3 answers
Jquery remove required attribute
Javascript jQuery
0 vote256 views1 answer
JQuery delete all spans in a div
Javascript jQuery
1 vote311 views1 answer
Remove a class after 100 milliseconds jquery
Javascript jQuery
0 vote261 views1 answer
Textbox text change jquery
Javascript jQuery
5 votes306 views3 answers
Javascript to jquery converter tool
Javascript jQuery
9 votes288 views3 answers
JQuery change href value
Javascript jQuery
-1 vote267 views1 answer
Jquery offsetheight
Javascript jQuery