/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

105 votes246 views6 answers
For each jquery
Javascript jQuery
1 vote197 views1 answer
Jquery delete request
Javascript jQuery
0 vote157 views1 answer
Load data dynamically on page scroll using jquery ajax in json formt
Javascript jQuery
13 votes214 views3 answers
Jquery each break
Javascript jQuery
0 vote192 views1 answer
Update param in url jquery
Javascript jQuery
13 votes210 views4 answers
Change checkbox jquery alert
Javascript jQuery
0 vote196 views1 answer
Remove all index from array except the one jquery
Javascript jQuery
-1 vote212 views1 answer
(function (g, d, a) {})(window, document, jQuery);
Javascript jQuery
1 vote208 views5 answers
Jquery datepicker
Javascript jQuery
7 votes205 views3 answers
Check radio button is checked jquery
Javascript jQuery