问题标签 [jquery-ui-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.
jquery - 如何使 jQuery 对象不可拖动?
我正在尝试修改jQuery-ui 照片管理器演示,以便垃圾箱中的图像不可拖动,但我无法这样做。我已经更改了演示,因此画廊不再可放置,但如果我按下鼠标,垃圾箱中的项目仍会跟随我的光标。当然,他们返回是因为他们无处可去,但是有没有办法让他们一开始就忽略鼠标按下?
javascript - jQueryUI Draggable:将可拖动性限制为单轴?
拖动对象时,用户可以在 x 和 y 轴上拖动。我想将可拖动性限制为仅 x 轴。我该怎么做呢?
谢谢!
jquery - 如何在可拖动插件(jQuery)中获取移动对象的方向?
我有对象(div-box),它是可拖动的(我使用的是 jQuery)。我如何获得访问者移动它的方向的信息?示例:用户将它拖到左下,我想知道它,怎么做?
jquery - Jquery.can 使 JQuery UI 可拖动、可放置、可排序一起工作吗?
在我的页面中,我有一些动态创建的可拖动的笔记贴纸。然后我有一个同时可以排序(启用排序)的滴管。我将便笺贴纸拖放到滴管内,并在滴管内上下排序(通过拖动)贴纸!
我想我可以使用 Jquery UI 来实现。但总是犯错!
jquery - jQuery Draggable + Sortable - 如何在两个可滚动列表之间拖放
我想要两个列表,可用项目和选定项目,其中可用项目通过拖放分配给选定项目。我要求所选项目是可排序的,但不是可用项目。挑战在于两个列表都可能包含大量项目,因此需要可滚动。
这是我到目前为止的 jQuery:
以及相应的 HTML:
但是,对于可滚动列表要求,我无法让可拖动行为优雅地工作(请参阅http://pastehtml.com/view/1bsk6bt.html上的演示)。
一旦被拖动的项目进入“可用项目”列表,它就会消失在可滚动框架的后面。我已经尝试过克隆助手,还尝试过使用包含 div、不同的溢出选项、关闭 jQuery 中的滚动选项,但无法使其正常工作。我敢肯定那里有人已经完成了我打算在这里做的事情并且可以节省我一些时间?:)
任何帮助将不胜感激!
jquery - 如何获取我将“可拖动”元素拖动到的元素的 id
所以我的页面上有这样的div:
而这个jQuery代码:
可拖动效果效果很好。
但我想找出可拖动 div 被丢弃的 HTML 标记的 id。如果有的话。
因此,如果我将 div 拖到 id="my-table" 的表中,我想在 js 中获取该值并对其进行处理。
javascript - 单个页面上的两个可拖动对象和两个可放置对象
我有两组可拖动元素和两组可放置元素。
我想要的是第一组可拖动元素只能在第一组 droppables 内放置。第二组可拖放对象应该只能放在第二组可拖放对象内部。
一段代码:
因此,用户将无法将具有 .drag 类的元素拖放到 .drop2 容器中。
jquery - 如何知道拖动元素在哪个元素之上?
我对 jQuery Drag&Drop 有疑问。我有一个可拖动的元素和很多 dropTarget 所以我只想知道什么时候拖动,我的拖动元素在哪个元素上?
顺便说一句,Firefox 提供 event.originalTarget 指向一个 DOM 元素,但它等于 Google Chrome 中的“未定义”。
有什么建议吗?
谢谢。
jquery - jQuery-ui 1.8.2 Internet Explorer 中的可拖动故障
我正在为我工作的公司维护一个 jquery/php 文件存档。
其中一项功能是将文件拖入文件夹的能力。此功能在 Chrome 和 FireFox 中都能发挥奇效,但在 Internet Explorer 中表现出特殊的行为。
发生的情况是,当在项目上启动拖动时,会创建一个选择矩形。预期的项目被拖动并从其初始位置移除,因此在这方面插件正在工作。问题在于,所有其他文件都会在选择框通过它们时会接收选定的事件,这不仅是不打算的,而且也很丑陋。我试图在此处包含所有相关代码:
编辑:我也尝试将 css 包含为 pastebin,但作为我在这里的菜鸟,我只被允许创建一个链接
jquery和jquery-ui使用的版本分别是1.4.4和1.8.2
文件 div 在 js 文件的第 919 行可拖动。我用谷歌搜索了很多,还查看了 jquery 演示页面,其中可拖动界面按预期工作,也在 Internet Explorer 中。
我希望有人能够通过向我展示我的错误方式来帮助我摆脱这个令人沮丧的跨浏览器兼容性地狱的坑。
根据需要索取更多信息,我会尽力及时提供。
最好的问候,约翰·阿比尔兹科夫
jquery - Jquery draggable - 移动拖动的元素而不是复制
有人能告诉我如何最好地实现 Jquery 可拖动和可放置,以便将拖动的元素移动到新位置吗?
您是否需要为此实现自己的辅助函数,或者它是否包含在 Jquery 插件中?