2016-07-28 45 views
0

我想要將遏制從一個div拖到另一個(保持克隆可拖動)時將遏制應用於圖像的克隆。將遏制應用於克隆JQuery

問題是,當圖像拖放到一定div克隆變得無法拖動,序,使其可拖動我呼籲.draggable功能,但通過調用它就失去了遏制屬性,成爲可拖動的無處不在。我盡力爲它找到解決方案,但我找不到任何東西。

$(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 
     } 
    }); 

    }); 

回答

1

當分配中dropdraggable,你會想當時設定的containment選項。

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

這將再次設置遏制。

+0

這是非常奇怪的我也累了,但它沒有奏效。但現在它確實,我想知道我輸錯了什麼。 很多謝謝隊友! – Syed