/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

2 votes229 views1 answer
File upload in jquery
Javascript jQuery
13 votes228 views4 answers
How to get checked and unchecked checkbox value in jquery
Javascript jQuery
0 vote232 views1 answer
AddAndRemoveClassJquery
Javascript jQuery
0 vote242 views1 answer
Jquery cget lineheight in pixels
Javascript jQuery
7 votes227 views1 answer
Jquery toggle show hide
Javascript jQuery
0 vote199 views1 answer
Check if class is active jquery
Javascript jQuery
0 vote220 views1 answer
Jquery if class clicked
Javascript jQuery
2 votes207 views1 answer
Jquery disable class attribute
Javascript jQuery
18 votes241 views3 answers
Enable input jquery
Javascript jQuery
0 vote250 views1 answer
Jquery with npm in laravel
Javascript jQuery