/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 vote289 views1 answer
Jquery function called onDeleteMovie. This function should be invoked upon clicking the Delete button of each one of the movie templates
Javascript jQuery
0 vote297 views1 answer
Get first duv with jquery
Javascript jQuery
1 vote344 views1 answer
Export table data to excel in jquery
Javascript jQuery
5 votes250 views1 answer
Multiple class selector jquery
Javascript jQuery
0 vote298 views1 answer
Play Gif or Video On hover Jquery
Javascript jQuery
0 vote268 views1 answer
Jquery select convert into input text
Javascript jQuery
1 vote285 views3 answers
Get element inside iframe jQuery
Javascript jQuery
0 vote256 views1 answer
How contvert array to string like implode in jquery
Javascript jQuery
0 vote276 views2 answers
How to use if condition in jquery validation
Javascript jQuery
14 votes231 views6 answers
Jquery import js file
Javascript jQuery