隐藏溢出的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;}