问题标签 [jquery-draggable]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
draggable - 有多个句柄时如何获取用于拖动可拖动对象的句柄
我正在使用Jquery Draggable
我的 draggable 在所有四个侧面(顶部、底部、左侧和右侧)上都有四个手柄,使用这些手柄可以在各自的方向上拖动 draggable
好吧,我可以获取拖动的方向并axis
在拖动开始后设置 ,但是如果bottom handle
用于拖动到left direction
.
那么有没有办法知道哪个手柄被用来拖动一个可拖动的?
draggable - 限制仅向一个方向拖动
如何限制可拖动对象只能在一个方向拖动?
即仅在顶部或仅底部时axis: 'y'
以及仅在左侧或仅在右侧时axis: 'x'
这意味着如果我只想将一个可拖动对象(with axis set to 'y')
拖到bottom
,那么它不应该能够将它拖到顶部,即当试图向顶部拖动时它应该保持在原位
这是我尝试过但不起作用的方法,即可拖动仍然向上拖动
jquery - 将项目拖放到 div,并可以选择恢复到原始位置
如上所述,我希望能够从我拥有的某种菜单中拖动一些 div,并能够将它们拖放到特定的 div 中。我设法在此之后进行了排序。
但是,我想在每个按钮上添加一个“x”按钮,以便单击“x”按钮时可拖动/可放置元素返回(恢复)到其原始位置..
我发现了这个
这似乎是我想要的(实际上我想要一个唯一的按钮,而不是一个整体的按钮.. 但是 1)即使在 jsfiddle 上似乎也没有被丢弃 2)在我的测试中,我在控制台中收到错误“未捕获的类型错误:无法读取未定义的属性‘originalPosition’”
特别是错误出现在这一行 ui.draggable.data("draggable").originalPosition);
这是js部分..
我的html看起来像这样
可放置位置我希望只能在 foo 中放置
和初始位置
ps这可以只使用jquery而不是插件jquery.ui吗?
jquery - 来自外部列表的全日历滚动
从外部列表拖动事件到它时,我试图让 Fullcalendar 视图滚动。
首先日历根本没有滚动,但我通过设置appendTo
比body
.
它现在可以正常工作,因为视图正在正确滚动,但是事件将“登陆”的日历中的目标区域不会跟随鼠标/事件。如果我向下滚动 1 页并删除事件,则该事件将被删除 ~1 页,位于当前不可见的区域。如果我向上滚动,我可以再次找到目标区域,但我可以直观地确认它与我正在拖动的事件不同步。
有没有人遇到过类似的问题或对全日历有所了解?
javascript - 在内容可编辑的 div 中选择文本,这是 jquery 可拖动的
我有一个 contenteditable div,它是另一个 div 的子级,它使用 jquery 制成可拖动元素。
我面临的问题是没有禁用任何默认鼠标操作,例如选择文本等。此外,如果我尝试选择一些文本,它只会拖动整个 div。我试过这样的事情:
但这只是防止任何鼠标拖动动作。它还可以防止文本选择。我们如何才能使子内容的所有内容编辑鼠标操作都可编辑,同时将可拖动内容保持在父项上?
jquery-ui - 无法拖动已拖动的元素
我在http://jsfiddle.net/stevea/zPPPV/3/有一个简单的拖放情况。如果您拖放绿色框,则放置处理程序会克隆拖动的对象并将其插入到发生放置的 xy 处的红色框中。绿色框具有绝对定位,并且克隆在放置点处具有偏移量。
拖放框一次就可以了,但是我无法拖放克隆和插入的新框,即使 Firebug 显示它具有 ui-draggable 类。
有没有人看到问题?
谢谢。
显然我需要显示一些代码,因为我引用了一个 jsfiddle:
jquery - 如何使用 jquery 制作可拖动和可排序的元素列表?
我有一个元素列表,我想使用 Jquery 使其可排序和可拖动。但是当我们拖动特定元素时,它不应该与其他现有元素重叠。请任何人帮助我。
jquery - 自动滚动(jquery)上的可拖动插件错误
我在一个项目中工作,该项目使用 jquery 可拖动插件将小部件(div)移动到页面中的另一个位置,但我遇到了一个无法解决的问题。
我的问题与 jquery 可拖动插件演示站点中发生的完全相同:http: //jqueryui.com/draggable/#scroll
如果您开始拖动第一个 div,然后将其移动到底部,您会注意到窗口滚动(如预期的那样)。但是可以看到,鼠标在 div 和鼠标之间的偏移量并不是原来的。我的意思是,当您向下(或向上)滚动时,div 应该靠近鼠标不远处。
我尝试了一些选项作为使用
对于可拖动元素甚至
但两种解决方案都不能解决问题。
谢谢你的时间。
jquery - 使用 jQuery UI 可拖动,如何在悬停在可放置对象上时使用回调函数?
当将文本拖到可放置对象上时,我需要将文本附加到克隆的帮助对象。
有没有办法在悬停在可放置对象上时触发回调?
javascript - 让 setTimeout 工作
我有以下使用 Jquery UI 拖放的代码。当项目被拖放到该区域时,拖放区变为公司徽标,然后我想要延迟并重定向到拖放链接中的 URL。
我可以更改徽标或重定向 URL,但不能同时更改两者,当我同时设置时,延迟不会发生并且重定向开始消失。我假设我在 setTimeout 上做错了什么。
代码如下: