问题标签 [jquery-ui-droppable]
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 UI Draggable with revert:true and droppable with greedy:true
所以我需要在另一个droppable里面有一个droppable,两者都可以接受相同类型的draggables。
我做了两个 droppables 并将内部的一个设置为贪婪,它工作得很好......对于第一次拖放。放入内部 droppable 后,我尝试拖动到外部 droppable 中,“over”事件不会被触发,但是,当 drop 事件触发时。
看看这个小提琴来说明这个问题。您会注意到,在放入内部元素后,不再触发外部元素的 over 事件(控制台中没有日志)。
jquery - 停止继续 jQuery ui droppable drop 事件
这就是我所说的:
当我放下可拖动对象时,它会改变 div 可放置对象在页面上的位置。似乎应该有一个简单的解决方案,但我似乎无法弄清楚,也无法向谷歌询问正确的问题。有什么帮助吗?
jquery-ui - 使 jQuery UI 可放置一次只接受一个可拖动的
我只在其他几个地方看到过这个问题的几个变体,特别是这里和这里。
基本上,我有一个棋盘,棋盘上的每个方块都是可放置的,每个棋子都是可拖动的。每个方块一次只能有一块,我试图根据方块上是否有一块来切换启用/禁用方法。
这是我到目前为止所获得的链接:http: //jsbin.com/ayalaz,下面是最相关的代码。
有什么建议吗?
提前致谢!杰里米
jquery-ui - Emberjs 和 jQuery UI 克隆助手
我正在尝试让 jqueryui 拖放以使用 emberjs。我在这里设置了一个小提琴:http: //jsfiddle.net/XMgwV/13/但我似乎无法触发 drop 事件。mixin 来自这个演示:http ://www.lukemelia.com/blog/archives/2012/03/10/using-ember-js-with-jquery-ui/
编辑:
如果我将 jQueryUI 可拖动辅助函数更改为“原始”,它会按预期工作。正如 #7 here.clone()
中所指出的,这似乎是 jquery ui 和 ember 的问题。codebrief 博文中的 safeClone 方法似乎并没有完全解决问题。
任何人都知道如何让它按预期工作?
jquery - Jquery中的可排序VS DragnDrop
当我尝试使用 Jquery 对一些数据进行排序时,我想我会使用拖放。后来,我访问了 jQueryui 网站。它们具有“拖放”和可排序功能。
现在我实现了“拖放”功能来对 HTML 表格行进行排序,并将它们的位置保存在数据库中。
不过,现在我很困惑:
- Sortable 是否也执行相同的功能?
- Sortable 是否仅适用于 UL 或 OL 或 LI ?它也可以与表格行一起使用吗?
- 当我拖放行时有什么区别?(交换位置),与可排序(对行进行排序)相比。这些是不同的情况吗?我真的混淆了这些概念。
- 使用 HTML 表格行进行排序是否正确(通过 Draggable 和 Droppable,就像我现在所做的那样)?
- 何时使用 Sortable 与 Draggable/droppable 是否有任何指导方针
jquery - 动态更改 Jquery UI 可排序助手?
我试图根据拖动时鼠标所在的区域动态设置 Jquery UI 可排序助手。为了做到这一点,我正在使用 Jquery UI sortable setter。它肯定会改变它,但它不是实时的(不在当前事件中)。任何想法我怎样才能使这项工作?
我已经建立了一个例子 - http://jsfiddle.net/aJEfp/1/
谢谢。
javascript - 使用 jQuery/Ember 框架访问丢弃的项目
我正在使用 ember.js 和 jQuery-ui 框架。目前,我能够让元素可拖动,并且可以在将项目放入特定 div 时触发事件。
但是,我无法获得拖放到 div 上的实际元素。传入的事件变量表示元素被拖放到的 div,“this”表示一个 ember 对象。
我如何能够访问被丢弃的项目?
我正在使用的代码概述:
谢谢
jquery - 访问文本标签
我有一个<li>
使用 jQuerys 拖放来拖动的项目列表。我想在<li>
删除项目时抓取标签中的文本,将文本附加到全局变量,以便可以将选定的值提交给 servlet。
要在删除项目时处理功能,我可以使用下面的 jQuery 回调:
如何获取<li>
标签中的文本值并将其附加到全局变量?
谢谢
javascript - jQuery UI 可拖动网格
好的,我要创建的是:适合表格单元格(.slot div)的可拖动元素。这是我的 jQuery UI 代码的简化版本:
从现在开始,我可以在单元格(.slot)周围移动它们,但我无法实现两件事:
- 仅将可拖动元素放入“.slot”中(删除放弃单元格中拖动元素的选项)。基本上,当您放下拖动的元素时,它会进入最近的单元格或覆盖最多的单元格。
- 限制将两个可拖动对象放在一个单元格 (.slot) 中。
任何建议或帮助表示赞赏!
在此先感谢,乔治
jquery - 拖放一个 div 并放在一个动态创建的 div 上
我想在按钮单击事件上使用 javascript 创建的动态创建的 div 上放置一个 div 这是我的代码
这是我要拖放到上面创建的 div 上的 div 这是我的可拖动代码
假设我想将 java 拖放到动态创建的 div 上,即 div.machine
我在动态创建的 div 上写了这个可放置的代码,这是我的代码
但它不起作用,droppable 函数没有被调用。如果在 droppable 中对我进行了任何更改,请帮助我,然后请告诉我。