/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

9 votes254 views2 answers
Check box jquery
Javascript jQuery
0 vote252 views1 answer
Image animation jquery
Javascript jQuery
2 votes267 views1 answer
Jquery wait for element to exist
Javascript jQuery
11 votes230 views3 answers
Jquery delay
Javascript jQuery
0 vote258 views1 answer
Jquery trigger event when scroll to div
Javascript jQuery
0 vote252 views1 answer
How to make html with jquery
Javascript jQuery
24 votes247 views5 answers
On modal close jquery
Javascript jQuery
12 votes271 views2 answers
Jquery clear form values
Javascript jQuery
0 vote276 views2 answers
Jquery onchage html content
Javascript jQuery
0 vote271 views1 answer
Generate random color jquery
Javascript jQuery