问题标签 [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.

0 投票
2 回答
1119 浏览

jquery - jQuery UI Draggable with revert:true and droppable with greedy:true

所以我需要在另一个droppable里面有一个droppable,两者都可以接受相同类型的draggables。

我做了两个 droppables 并将内部的一个设置为贪婪,它工作得很好......对于第一次拖放。放入内部 droppable 后,我尝试拖动到外部 droppable 中,“over”事件不会被触发,但是,当 drop 事件触发时。

看看这个小提琴来说明这个问题。您会注意到,在放入内部元素后,不再触发外部元素的 over 事件(控制台中没有日志)。

http://jsfiddle.net/J7azG/52/

0 投票
2 回答
456 浏览

jquery - 停止
继续 jQuery ui droppable drop 事件

这就是我所说的:

http://jsfiddle.net/m5Tse/1/

当我放下可拖动对象时,它会改变 div 可放置对象在页面上的位置。似乎应该有一个简单的解决方案,但我似乎无法弄清楚,也无法向谷歌询问正确的问题。有什么帮助吗?

0 投票
1 回答
4969 浏览

jquery-ui - 使 jQuery UI 可放置一次只接受一个可拖动的

我只在其他几个地方看到过这个问题的几个变体,特别是这里这里

基本上,我有一个棋盘,棋盘上的每个方块都是可放置的,每个棋子都是可拖动的。每个方块一次只能有一块,我试图根据方块上是否有一块来切换启用/禁用方法。

这是我到目前为止所获得的链接:http: //jsbin.com/ayalaz,下面是最相关的代码。

有什么建议吗?

提前致谢!杰里米

0 投票
2 回答
742 浏览

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 方法似乎并没有完全解决问题。

任何人都知道如何让它按预期工作?

0 投票
1 回答
1678 浏览

jquery - Jquery中的可排序VS DragnDrop

当我尝试使用 Jquery 对一些数据进行排序时,我想我会使用拖放。后来,我访问了 jQueryui 网站。它们具有“拖放”和可排序功能。

现在我实现了“拖放”功能来对 HTML 表格行进行排序,并将它们的位置保存在数据库中。

不过,现在我很困惑:

  1. Sortable 是否也执行相同的功能?
  2. Sortable 是否仅适用于 UL 或 OL 或 LI ?它也可以与表格行一起使用吗?
  3. 当我拖放行时有什么区别?(交换位置),与可排序(对行进行排序)相比。这些是不同的情况吗?我真的混淆了这些概念。
  4. 使用 HTML 表格行进行排序是否正确(通过 Draggable 和 Droppable,就像我现在所做的那样)?
  5. 何时使用 Sortable 与 Draggable/droppable 是否有任何指导方针
0 投票
3 回答
2743 浏览

jquery - 动态更改 Jquery UI 可排序助手?

我试图根据拖动时鼠标所在的区域动态设置 Jquery UI 可排序助手。为了做到这一点,我正在使用 Jquery UI sortable setter。它肯定会改变它,但它不是实时的(不在当前事件中)。任何想法我怎样才能使这项工作?

我已经建立了一个例子 - http://jsfiddle.net/aJEfp/1/

谢谢。

0 投票
1 回答
206 浏览

javascript - 使用 jQuery/Ember 框架访问丢弃的项目

我正在使用 ember.js 和 jQuery-ui 框架。目前,我能够让元素可拖动,并且可以在将项目放入特定 div 时触发事件。

但是,我无法获得拖放到 div 上的实际元素。传入的事件变量表示元素被拖放到的 div,“this”表示一个 ember 对象。

我如何能够访问被丢弃的项目?

我正在使用的代码概述:

谢谢

0 投票
2 回答
93 浏览

jquery - 访问文本
  • 标签
  • 我有一个<li>使用 jQuerys 拖放来拖动的项目列表。我想在<li>删除项目时抓取标签中的文本,将文本附加到全局变量,以便可以将选定的值提交给 servlet。

    要在删除项目时处理功能,我可以使用下面的 jQuery 回调:

    如何获取<li>标签中的文本值并将其附加到全局变量?

    谢谢

    0 投票
    1 回答
    3496 浏览

    javascript - jQuery UI 可拖动网格

    好的,我要创建的是:适合表格单元格(.slot div)的可拖动元素。这是我的 jQuery UI 代码的简化版本:

    从现在开始,我可以在单元格(.slot)周围移动它们,但我无法实现两件事:

    1. 仅将可拖动元素放入“.slot”中(删除放弃单元格中拖动元素的选项)。基本上,当您放下拖动的元素时,它会进入最近的单元格或覆盖最多的单元格。
    2. 限制将两个可拖动对象放在一个单元格 (.slot) 中。

    任何建议或帮助表示赞赏!

    在此先感谢,乔治

    0 投票
    2 回答
    1796 浏览

    jquery - 拖放一个 div 并放在一个动态创建的 div 上

    我想在按钮单击事件上使用 javascript 创建的动态创建的 div 上放置一个 div 这是我的代码

    这是我要拖放到上面创建的 div 上的 div 这是我的可拖动代码

    假设我想将 java 拖放到动态创建的 div 上,即 div.machine

    我在动态创建的 div 上写了这个可放置的代码,这是我的代码

    但它不起作用,droppable 函数没有被调用。如果在 droppable 中对我进行了任何更改,请帮助我,然后请告诉我。