When I make a draggable clone and drop it in a droppable I cannot drag it again

by

One way to do it is:

$(document).ready(function() {
    $("#container").droppable({
        accept: '.product',
        drop: function(event, ui) {
            $(this).append($("ui.draggable").clone());
            $("#container .product").addClass("item");
            $(".item").removeClass("ui-draggable product");
            $(".item").draggable({
                containment: 'parent',
                grid: [150,150]
            });
        }
    });
    $(".product").draggable({
        helper: 'clone'
    });
});

But I’m not sure if it is nice and clean coding.

More Related Contents:

  1. jQuery drag and drop simulation does not work for the last draggable
  2. grouping draggable objects with jquery-ui draggable
  3. Draggable revert if outside this div and inside of other draggables (using both invalid and valid revert options)
  4. Drag-Drop elements between parent frame and child iframe
  5. jQuery Drag And Drop Using Live Events
  6. ‘dragleave’ of parent element fires when dragging over children elements
  7. jQuery draggable shows helper in wrong place after page scrolled
  8. Is there a way to clone form field values in jQuery or javascript?
  9. Is there a good jQuery Drag-and-drop file upload plugin? [closed]
  10. How to get the position of a draggable object
  11. Restrict jQuery draggable items from overlapping/colliding with sibling elements
  12. How do I duplicate item when using jquery sortable?
  13. jQuery Clone table row
  14. Jquery Draggable AND Resizable
  15. How do I get the coordinate position after using jQuery drag and drop?
  16. How to exclude an element from being dragged in sortable list?
  17. Html5 drag and drop on svg element
  18. Selecting element by data attribute with jQuery
  19. Fancybox doesn’t work with jQuery v1.9.0 [ f.browser is undefined / Cannot read property ‘msie’ ]
  20. How to limit the number of selected checkboxes?
  21. How to get header from cards or similar to have the same height with flex box?
  22. Is it possible to set async:false to $.getJSON call
  23. Ajax.BeginForm in MVC to upload files
  24. jquery: change the URL address without redirecting? [duplicate]
  25. jQuery append fadeIn
  26. Count elements with jQuery
  27. JQuery click event works only once
  28. Clone a file input element in Javascript
  29. Add slides to Bootstrap 3 carousel dynamically using jQuery
  30. How to enforce a “smooth scrolling” rule for mousewheel, jQuery?

Leave a Comment