/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 vote338 views2 answers
Multiple elements with same id jquery
Javascript jQuery
0 vote322 views1 answer
Jquery responsive
Javascript jQuery
4 votes353 views2 answers
How to set json type jquery ajax
Javascript jQuery
7 votes300 views2 answers
Jquery this
Javascript jQuery
0 vote331 views1 answer
On hover add class on children jquery
Javascript jQuery
7 votes343 views4 answers
Jquery disable option by value
Javascript jQuery
0 vote284 views0 answer
Jquery
Javascript jQuery
0 vote293 views1 answer
Jquery datatable server side pagination asp.net core
Javascript jQuery
0 vote311 views1 answer
Make form submit on new tab using jquery
Javascript jQuery
2 votes353 views2 answers
Get value of span jquery
Javascript jQuery