/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 vote181 views1 answer
Jquery insert text into input
Javascript jQuery
0 vote193 views1 answer
Hide a div on clicking outside it with jquery
Javascript jQuery
0 vote276 views1 answer
Jquery select element without child
Javascript jQuery
2 votes191 views2 answers
Only numeric values are allow in input jquery
Javascript jQuery
-1 vote159 views2 answers
Jquery ui dialog live cdn
Javascript jQuery
73 votes196 views2 answers
Jquery check if type is checkbox
Javascript jQuery
2 votes179 views3 answers
PetShopIndex.html:137 Uncaught ReferenceError: $ is not defined jquery node
Javascript jQuery
1 vote181 views4 answers
Jquery get selected text from multiselect
Javascript jQuery
-1 vote194 views1 answer
Jquery ajax on fail
Javascript jQuery
0 vote137 views1 answer
Jquery each input
Javascript jQuery