/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

1 vote200 views2 answers
Jquery on wheel event
Javascript jQuery
0 vote200 views1 answer
Jquery datatable destroy and recreate
Javascript jQuery
24 votes191 views6 answers
Jquery get value of selected option
Javascript jQuery
23 votes250 views1 answer
JQuery create div element
Javascript jQuery
0 vote180 views1 answer
Change inside div with jquery
Javascript jQuery
7 votes192 views2 answers
Radio button onchange jquery
Javascript jQuery
3 votes223 views2 answers
How do I check whether a checkbox is checked in jQuery?
Javascript jQuery
1 vote206 views1 answer
Jquery alert on href click
Javascript jQuery
0 vote214 views2 answers
How to show selected value in select box using jquery
Javascript jQuery
0 vote214 views1 answer
Jquery select all checkboxes except disabled
Javascript jQuery