/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 vote192 views1 answer
Validation for start date and end date in jquery
Javascript jQuery
15 votes189 views4 answers
How to detect a section is visible in jquery
Javascript jQuery
61 votes188 views3 answers
Jquery w3schools
Javascript jQuery
0 vote168 views1 answer
Jquery find child of parent sibling
Javascript jQuery
0 vote194 views1 answer
Select radio button through JQuery
Javascript jQuery
0 vote181 views1 answer
Window bind load jquery
Javascript jQuery
0 vote194 views1 answer
Jquery remove items from dropdownlist
Javascript jQuery
0 vote187 views1 answer
Readmore jquery plugin
Javascript jQuery
0 vote165 views1 answer
Jquery select all checkboxes except disabled
Javascript jQuery
1 vote178 views1 answer
Jquery empty ul
Javascript jQuery