jQuery UI可拖动包含溢出隐藏

Question

我有一个比包装器大的ul，我希望能够将它拖到最后一个孩子（包含）。

我有这个代码用于拖动ul并且工作正常（没有包含）。

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

以下是工作页面：http://jsfiddle.net/Kxtvg/

但如果我使用

，我需要帮助尝试限制阻力

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

它表现得很有趣...... http://jsfiddle.net/Z9UYA/

如何使用隐藏的溢出包装和带包含div来平滑地拖动ul？

THX！

Answer 1

尝试设置“#width”元素的宽度大于“#myList”元素的宽度，如下所示。

  

#width {width：1200px;高度：150像素; overflow：hidden;} #myList   {宽度：600px的;高度：150像素;溢出：隐藏;}