jQuery UI 可拖动包含溢出隐藏

标签 jquery jquery-ui draggable

我有一个比包装器大的 ul,我希望能够将其拖动到最后一个子级(包含)。

我有这段代码用于拖动 ul 并且工作正常(没有包含)。

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

这是工作页面:http://jsfiddle.net/Kxtvg/

但是如果我使用的话,我需要帮助来限制阻力

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

它的行为很有趣... http://jsfiddle.net/Z9UYA/

如何使用隐藏的溢出包装器和包含 div 使 ul 顺利拖动?

谢谢!

最佳答案

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

#width {width:1200px; height:150px; overflow:hidden;} #myList {width:600px;height:150px; overflow:hidden;}

关于jQuery UI 可拖动包含溢出隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11036678/

相关文章:

javascript - 单击按钮时重复一个 div

javascript - 绑定(bind)后获取kendo scheduler数据源

javascript - 在 JavaScript 中替代 prompt()

javascript - 在图像上应用自定义 Jquery UI 调整大小 handle

jQuery UI 对话框 - 在对话框中打开外部动态 php 文件

javascript - jQueryUI Draggable - 网格和包含选项

jquery - SmartStore 风格的下拉列表

jquery - 如何使用浏览器后退按钮关闭 Bootstrap 模式而不是返回页面?

javascript - 将可拖动元素与从父级位置开始的网格对齐

javascript - 如果可拖动元素应用了转换,则 jquery 可拖动包含不起作用