“可拖动” 只能垂直拖动？

Posted 2023-05-08

【中文标题】“可拖动” 只能垂直拖动？

【英文标题】："Draggable" Drag vertical only?

【发布时间】：2012-11-19 15:40:18

【问题描述】：

我有这个页面，它会提示您向上拖动它以显示实际页面。我想知道是否有任何选项，以便您只能垂直拖动它（Y 轴），即“向上”。有没有办法做到这一点？

【问题讨论】：

你是否在使用任何插件，f.ex jQuery UI？

可以，但只有 jQuery 和 jQ UI 库，没有其他插件。

你有没有看过Draggable的API页面？

是的，但我没有看到诸如“约束运动”之类的东西。我还用谷歌搜索了是否有人问过类似的问题，但我没有看到任何问题。

@ModernDesigner：然而，“约束”正是他们在选项描述中使用的词。

【参考方案1】：

是的，这是可能的。

$( "#draggable" ).draggable( axis: "y" );

检查这个：http://jqueryui.com/draggable/#constrain-movement

【讨论】：

谢谢！这就是我一直在寻找的。 :-)

【参考方案2】：

如果您使用的是 jQuery UI，则有一个 axis 选项：

$(elem).draggable( axis: 'y' );