/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 vote163 views1 answer
Clear ckeditor textarea jquery
Javascript jQuery
0 vote174 views1 answer
How to hide a input and label jquery
Javascript jQuery
0 vote156 views1 answer
Queryselector for jquery
Javascript jQuery
6 votes153 views1 answer
Jquery loop through li element
Javascript jQuery
0 vote167 views1 answer
Update param in url jquery
Javascript jQuery
0 vote175 views1 answer
Jquery add number as id variable
Javascript jQuery
12 votes174 views3 answers
How to move div using jquery
Javascript jQuery
0 vote179 views1 answer
Immediate invoke jquery arrow function
Javascript jQuery
0 vote195 views1 answer
Jquery change input value if greater than
Javascript jQuery
0 vote157 views1 answer
Jquery scroll to element toggle menu item
Javascript jQuery