使Divs Draggable，但包含與YUI使用jsPlumb

Question

我試圖使用jsPlumb與YUI框架，使一些div可拖動和連接。然而，我發現，當我試圖讓div的拖動，但其包含的母公司內，使用：

jsPlumb.draggable("window2", { 
    containment:"parent" 
}); 

股利仍是可拖動其父的範圍之外。如果我將父級的CSS設置爲「overflow：hidden」，那麼當它被拖到父級邊界之外時，我不會看到div，但我仍然會看到div的連接器，看起來很尷尬。 有沒有人知道是否有一種方法可以使用jsPlumb的可拖動函數與YUI，並仍然限制可拖動div的移動？

謝謝！

Answer 1

不，這似乎不可能與jsPlumb的yui版本。 'dd-constrain'模塊缺失，我發現無法插入此模塊，因爲您無法訪問Y.DD.Drag對象。

您可以向創建者發送功能請求或在github上執行拉取請求。 下面是一個簡單的衣例如用約束拖動： http://yuilibrary.com/yui/docs/dd/constrained-drag.html

Answer 2

首先使在div拖動使用jsPlumb：

jsPlumb.draggable("window2"); 

然後添加必要jsPlumb終點：

jsPlumb.addEndpoint("window2", { ----}); 

然後添加HTML可拖動像

$('#window2').draggable({ 
    containment: 'parent' 
}); 

它爲我工作..

Answer 3

使您的容器溢出：在CSS中可見