/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 vote272 views1 answer
Jquery thousand separator
Javascript jQuery
9 votes295 views6 answers
Jquery remove css
Javascript jQuery
2 votes272 views1 answer
Select a form by name jquery
Javascript jQuery
0 vote267 views1 answer
Attr hidden to show jquery
Javascript jQuery
0 vote300 views1 answer
Jquery change image on button click delay for 3 seconds
Javascript jQuery
0 vote269 views2 answers
How to get url parameter using jquery or plain javascript
Javascript jQuery
0 vote219 views1 answer
Jquery top 20 function
Javascript jQuery
1 vote250 views1 answer
Get checked checkbox jquery by name
Javascript jQuery
4 votes274 views4 answers
Change background image with jquery
Javascript jQuery
10 votes268 views6 answers
Post jquery
Javascript jQuery