隱藏溢出的jQuery UI可拖動遏制

Question

我有一個比包裝更大的ul，我希望能夠拖動它直到最後一個子（包含遏制）。

我有這個代碼拖動ul和工作正常（不包含）。

$("#myList").draggable({ axis: "x" });​ 

這裏的工作頁面：http://jsfiddle.net/Kxtvg/

但我需要幫助試圖限制拖累，如果我使用

$("#myList").draggable({ axis: "x", containment: '#width' });​ 

它的行爲可笑... http://jsfiddle.net/Z9UYA/

如何我是否可以順利地使用隱藏的溢出包裝器和包含div來拖動它？

THX！

Answer 1

嘗試設置「#width」元素的寬度大於「#myList」元素的寬度，如下所示。

#width {width：1200px;高度：150像素; overflow：hidden;} #myList {width：600px; height：150px; overflow：hidden;}