单击鼠标移动DIV
Move DIVs with a click of a mouse?
我正试图找到一个jQuery插件或其他东西,它可以让我网站上的用户点击div并拖动它们,改变它们的位置。我所能找到的只是一些插件,它们可以使数据从一个DIV移动到另一个DIV。
这有点像一个谜题,我希望他们能够毫无理由地在页面上移动它们。
将div位置定义为absolute
,并通过重新计算位置对ondrag()
做出反应
将来您应该遵循以下步骤:
1) 谷歌你想做什么(这里的合适术语是:javascript拖放)
2) 看看官方来源,例如jQuery(及其衍生物)一个简洁的插件,它简化了您想要的功能的处理使生效
3) 如果找不到解决方案,请搜索stackoverflow。
4) 如果找不到解决方案,请发布一些内容。
尽管如此,如果你想自己解决问题,这里有一个可行的解决方案。这里有一些jQuery插件可以满足您的需求。
相关文章:
- 通过DRAGGABLE将一个DIV移动到另一个DIF下?(CSS,JQuery)
- 将插入符号位置移动到ContentEditable<DIV>
- 如何在剪切/粘贴/移动后在contentEditable DIV中保留与XML相关的数据
- 从移动视图中删除 Div
- 在不移动DOM的情况下最大化Div
- jQuery 悬停/单击事件位于同一 DIV(移动设备)上
- 使用 JavaScript 鼠标事件拖动 DIV 会快速移动
- 如何使“按钮”在鼠标按下时创建一个可移动的 DIV,并将“鼠标按下”切换到新的 DIV
- 通过拖动移动动态创建的 DIV
- 在 IE8 中将 DIV 从光标下方移动时,悬停样式保持不变
- jQuery:当 DIV 的子元素靠近其父元素的右边缘时,将 DIV 向左移动(自动滚动类型)
- jQuery Animate - 以固定速度将 DIV 移动到 X、Y 位置
- 如何在jquery(移动)中刷新DIV
- 使用单选按钮使 Div 在页面上随机移动
- 如何让 Div 使用单选按钮随机移动
- 位置:修复了在iPhone上打开“选择”元素时DIV移动的问题
- 将一些 JSON 数据移动到唯一的 Div 中
- 用JavaScript将DIV移动到BODY's限制内
- DIV悬停使另一个DIV移动
- HTML Div移动文本到下一行