draggable / moveable <div>水平</div>

时间:2013-04-04 03:12:45

标签: javascript jquery

如何制作一个水平可拖动/可移动的div,但不能垂直移动? 如果没有JQuery UI,我更愿意这样做。 JQuery很好。或者香草JS。

1 个答案:

答案 0 :(得分:10)

自己创建这样的行为会有相当多的工作。我建议使用jquery ui:

http://jsfiddle.net/basarat/f7nNf/1/

一行代码:

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

而且你没有事件需要下载完整的jquery ui。您可以在此处执行仅可拖动的自定义构建:http://jqueryui.com/download/

在此处阅读有关可拖动的更多信息:http://jqueryui.com/draggable/#constrain-movement