jquery - 带有隐藏溢出的 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 平滑拖动？

谢谢！

Answer 1

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

#width {宽度：1200px; 高度：150px；溢出：隐藏；} #myList {宽度：600px；高度：150px；溢出：隐藏；}