/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

10 votes340 views1 answer
Jquery get child div
Javascript jQuery
20 votes271 views2 answers
Jquery select checked radio button value
Javascript jQuery
0 vote269 views1 answer
JQuery find element before
Javascript jQuery
0 vote253 views1 answer
Jquery click hold down
Javascript jQuery
101 votes295 views6 answers
Jquery check if checkbox is checked
Javascript jQuery
5 votes263 views1 answer
$() jquery document
Javascript jQuery
0 vote325 views1 answer
Sliding element jquery
Javascript jQuery
2 votes288 views1 answer
Jquery get the length of input text
Javascript jQuery
-1 vote297 views1 answer
Checkbox on click jquery select all
Javascript jQuery
1 vote279 views3 answers
How to get the first letter of a string in jquery
Javascript jQuery