/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

8 votes169 views5 answers
On change jquery
Javascript jQuery
0 vote79 views1 answer
Jquery radio event
Javascript jQuery
0 vote125 views1 answer
Jquery clear chozen
Javascript jQuery
0 vote118 views1 answer
Jquery add option if not exist
Javascript jQuery
21 votes125 views4 answers
Get element by id in Jquery
Javascript jQuery
0 vote142 views1 answer
Check if element has childs jquery
Javascript jQuery
11 votes138 views4 answers
Data-dismiss= modal in jquery
Javascript jQuery
9 votes114 views2 answers
Jquery modify style attribute
Javascript jQuery
6 votes110 views1 answer
Jquery redirect to another webpage
Javascript jQuery
20 votes111 views2 answers
Parsefloat jquery
Javascript jQuery