Wenden Sie Containment auf Clone JQuery an

Question

Ich möchte containment auf den Klon eines Bildes anwenden, wenn es von einem div zu einem anderen gezogen wird (den Klon ziehbar halten).

Das Problem ist, wenn ein Bild per Drag & Drop auf die bestimmten div die Clone un-ziehbar wird, inorder es ziehbar zu machen i .draggable Funktion aufgerufen habe, aber durch den Aufruf, dass es Attribut seiner Eindämmung verliert und ziehbar überall werden. Ich habe mein Bestes versucht, um eine Lösung dafür zu finden, aber ich kann nichts finden.

$(function() { 


    $(".Move-Icon-Class").draggable(
    { 

    containment: '#screen', 
    helper:'clone', 
    revert: 'invalid', 
    scroll: false, 
    collision: 'fit flip', 

    } 
    ); 

    $("#screen").droppable({ 
     accept: '.Move-Icon-Class', 
     activeClass: 'ui-state-hover', 
     hoverClass: 'ui-state-active', 
     drop: function(event, ui) { 
     dropped = true; 
     $.ui.ddmanager.current.cancelHelperRemoval = true; 
     ui.helper.appendTo(this).draggable(); // this is where i want to apply containment 
     } 
    }); 

    }); 

Answer 1

Wenn Sie zuweisen draggable innerhalb drop, werden Sie die containment Option zu diesem Zeitpunkt festlegen möchten.

ui.helper.appendTo(this).draggable({ 
    containment: '#screen' 
}); 

Dies wird das Containment wieder einstellen.