jquery拖滑拽动，jquery滑动触发事件

jquery或JS拖动DIV左右移动

})(jQuery)；调用说明：$(.x-movable).Drags({handler：.x-panel-header，zIndex：10000，opacity：0.7，direction：x})；其中$(.x-movable)是要被移动的DIV，.x-panel-header是拖动手柄，科省略。

新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一行文字，文字内容为“小明”。在test.html文件内，设置div标签的id属性为mytext，主要用于下面通过该id获得div对象。

在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行yidong（）函数。在js标签中，创建yidong()函数，在函数内，通过class(content)获得div对象，使用animate()方法让div在1秒内向左移动100px。

如何让DIV随着左右滚动条移动，而上下滚动条保持不变？1。

相关问答

Q1: 有人用过jquery拖拽吗

1、如图，基本样式都写完了。默认情况下，元素是没有拖拽效果的，接着我们开始给红色的div添加拖拽效果。如图，使用$(#s)来获取到红色的div，然后调用draggable方法来给获取到的红色div添加拖拽效果。

2、用的是mousedown和mousemove事件结合。mousedown通知可以拖拽了，mousemove用来定位拖到哪里。

3、因为最终的左侧元素节点是通过Ajax访问后台返回json数据，然后通过Javascript动态生成这种结构，而已不能为动态生成的元素绑定drag事件，也就不能调用draggable方法，所以我使用了一个称之“中间拖拽容易元素”，这div一直在页面上。

4、一个程序比较复杂，第二个可能效果不会很理想，会出现很有拖拽或者运动中的bug！你可以参考一下jquery ui里面的拖拽。

5、建议你使用 containment，将拖动范围局限于一个指定的元素内。drag： function(e) { // drag 代码 }，containment： div.main这样你就不需要自定义 top right bottom left，.one 只在 div.main 中可以拖动。

Q2: jquery-ui怎样实现拖拽效果

如果要直接实现这种效果的话，一个程序比较复杂，第二个可能效果不会很理想，会出现很有拖拽或者运动中的bug！你可以参考一下jquery ui里面的拖拽。

你可以在按下移动的时候创建一个div，然后这个div所在的位置根据你拿到的鼠标clientx，y进行动态改变，然后松开的时候，把这个div删掉，然后实现你的拖拽效果。

第一步：左侧元素可以拖官方给出的实例是直接在要拖动的元素上添加class=ui-widget-content。最初在所有要拖动的元素都添加了“ui-widget-content”类别。

事件的，更不用说去拖动title 反过来操作父容器里面的东西了。

也就是jquery-ui中的sortable插件和draggable创建一起使用。官方示例（右侧Examples中的“jQuery UI Draggable+Sortable”）：http：//jqueryui.com/draggable/#sortable。

jquery拖滑拽动的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery滑动触发事件、jquery拖滑拽动的信息别忘了在本站进行查找喔。