/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

15 votes133 views3 answers
Jquery DevTools failed to load source map: Could not load content for
Javascript jQuery
18 votes153 views1 answer
Remove attribute jquery
Javascript jQuery
0 vote139 views1 answer
Remove shadow in jquery
Javascript jQuery
1 vote135 views1 answer
Jquery calculate datetime difference
Javascript jQuery
3 votes113 views1 answer
Jquery get document scrolltop
Javascript jQuery
3 votes172 views6 answers
Select dropdown value using jquery
Javascript jQuery
3 votes131 views4 answers
Jquery toggle checkbox
Javascript jQuery
90 votes161 views6 answers
Jquery click function
Javascript jQuery
0 vote136 views1 answer
Javascript if has jquery loaded
Javascript jQuery
0 vote145 views1 answer
Onclick css display jquery
Javascript jQuery