/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 vote160 views1 answer
Jquery convert time to 1day 2 minutes 4 seconds
Javascript jQuery
0 vote214 views1 answer
Jquery ajax send data to wordpressajax_url not defined
Javascript jQuery
0 vote199 views1 answer
How to toggle fa fa-caret-down and fa fa-caret-up using jquery
Javascript jQuery
2 votes140 views2 answers
Get value of span jquery
Javascript jQuery
35 votes129 views6 answers
Jquery select by name
Javascript jQuery
3 votes132 views1 answer
Jquery slideup
Javascript jQuery
3 votes150 views3 answers
Js to jquery ONLINE converter
Javascript jQuery
1 vote154 views1 answer
Change value rateit.js using jquery
Javascript jQuery
1 vote153 views1 answer
Jquery select a dynamic element
Javascript jQuery
0 vote225 views1 answer
Jquery get aria-label value
Javascript jQuery