/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 vote353 views1 answer
Jquery use variable in string "without" concatenate
Javascript jQuery
2 votes330 views1 answer
Jquery datatable get data array
Javascript jQuery
0 vote360 views1 answer
Position of element related to parent div in jquery
Javascript jQuery
152 votes549 views6 answers
Jquery document ready
Javascript jQuery
6 votes328 views4 answers
Jquery get url
Javascript jQuery
2 votes337 views1 answer
Pageyoffset jquery
Javascript jQuery
0 vote354 views1 answer
Bootstrap searchable pagination table example jquery
Javascript jQuery
9 votes361 views3 answers
Jquery check if attribute exists
Javascript jQuery
-1 vote319 views1 answer
Jquery offsetheight
Javascript jQuery
0 vote364 views1 answer
Jquery validator add method
Javascript jQuery