/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

0 vote272 views1 answer
Jquery onclick multiple buttons
Javascript jQuery
0 vote268 views1 answer
Jquery toucheswipe
Javascript jQuery
11 votes269 views4 answers
Add div after div jquery
Javascript jQuery
0 vote286 views2 answers
Jquery find index of this
Javascript jQuery
1 vote286 views1 answer
Jquery loop each tr in table grepper
Javascript jQuery
0 vote303 views1 answer
How to check variable type jquery
Javascript jQuery
2 votes317 views1 answer
Empty the value of an input in jquery
Javascript jQuery
102 votes315 views6 answers
Is checked checkbox jquery
Javascript jQuery
12 votes281 views5 answers
JQuery click outside
Javascript jQuery
0 vote331 views1 answer
Jquery timepicker get value onchange
Javascript jQuery