JQueryをクローンに適用する

Question

divからクローンをドラッグ可能にしてドラッグすると、クローンをイメージのクローンに適用したいと考えています。

問題は、画像をドラッグして、特定のdivにドロップされたときに、クローンiが.draggable関数を呼び出していることがドラッグ可能にするINORDERが、それはその封じ込め属性を失い、どこにでもドラッグ可能になっていることを呼び出すことにより、非ドラッグ可能となっています。私はそれのための解決策を見つけるために最善を尽くしましたが、私は何も見つけることができません。

$(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

あなたはdrop内draggableを割り当てるには、その時点でcontainmentオプションを設定することになるでしょう。

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

これで封じ込めが再度設定されます。