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

0 投票
3 回答
3432 浏览

javascript - jQuery:如果没有成功删除助手,如何阻止它被删除

我有draggable一个自定义的helper. 有时助手是一个克隆,有时它是原始元素。

问题是,当帮助器是原始元素并且没有被丢弃在有效的可放置对象上时,它会被删除。到目前为止,我的解决方案如下所示:

在我的on_dropped回调中,我设置ui.helper.dropped_on_droppabletrue

stop可拖动的回调中,我检查该变量然后......我该怎么办?

这甚至是正确的方法吗?

0 投票
2 回答
7061 浏览

jquery - jQuery 可拖放/可拖动

目前我有一组 div,由 php 动态生成,它们的 id 都以“itembox”开头,并附加了一个计数。我在页面上有一个可放置的垃圾箱区域,以便用户可以通过拖放到垃圾箱中来删除单个项目框。

我的问题是,当我拖动原始文件时,droppable 似乎不会激活,而当我有 helper: 'clone' 集时它会(完美地)起作用。不幸的是,当拖动时,克隆函数从 itembox 的第一次迭代中获取它的克隆,无论实际拖动哪个 itembox。

因此,我正在寻找一种解决方案,以使 droppable 接受原始文件或强制克隆功能从实际拖动的 itembox 中获取其克隆。

0 投票
2 回答
3370 浏览

jquery - 在 Internet Explorer(IE) 中可拖动的 jquery ui - 对象不支持此方法

当我尝试在 IE 中执行以下代码时:

我收到以下错误消息:

对象不支持此属性或方法

为什么我会收到此错误?

0 投票
2 回答
7100 浏览

javascript - 具有多个句柄的 Jquery Draggable

是否可以有一个draggable具有多个手柄的元素?

我将它初始化两次,每次都使用不同的句柄参数,但它不起作用 - 只有第一个起作用。

0 投票
1 回答
22395 浏览

jquery - 从一个列表中拖放 jQuery UI 可拖动元素并将其放入另一个列表的问题

我正在使用jQuery UI并且可以创建一个简单的拖放列表。但是现在,我想将该元素放入另一个列表中。jQuery 总是认为该项目已被放置在错误的位置并将其滑回原始列表。

0 投票
9 回答
29177 浏览

jquery - 如何访问放入可排序的可拖动元素的ID

我正在使用 JQuery 库来实现拖放。

当它被放入可排序列表时,如何获取正在拖动的元素?

我想获取被拖动的 div 的 id。拖动以下元素:

我有他们示例中的标准拖动功能

功能在拖动部分停止,下一个代码返回正确的值

这是可排序的元素:

和他的功能:

我尝试了各种似乎不起作用的 ui.id 等。

抛出undefined


更新

抱歉,我的错 :) 正如我妈妈常说的那样——“在编码之前阅读 API”。ui.item.attr('id')工作正常。

0 投票
2 回答
3671 浏览

jquery - Jquery UI effective tutorial

Does anyone know a detailed and effective jQuery UI 1.7 tutorial out there? I just can't do it with the demo page alone.

I can't figure out the drag and drop.. With just doing the ('div#item').draggable();

Thanks

0 投票
4 回答
34538 浏览

jquery - 使用 jquery-ui draggable 对可拖动对象进行分组

我想使用 jquery draggable/droppable 让用户选择一组对象(每个对象在角落都有一个复选框),然后将所有选定的对象作为一个组拖动......

我无法弄清楚我的生活如何做到这一点哈哈。

这是我认为会导致可用解决方案的方法,在每个可拖动对象上,使用 start() 事件并以某种方式抓取所有其他选定对象并将它们添加到选择中

出于性能原因,我还在考虑让拖动的对象看起来像一组对象(它们是图像,所以可能是一堆照片)。我认为如果一次拖动几十个对象,使用可拖动功能可能会失败,这听起来是一个更好的主意吗?

0 投票
4 回答
96181 浏览

jquery - 当我制作一个可拖动的克隆并将其放入可放置的对象中时,我无法再次拖动它

当我制作一个可拖动的克隆并将其放入可放置的对象中时,我无法再次拖动它。我怎么做?其次,我只能弄清楚如何.append将克隆添加到 droppable 中。但随后它会在任何现有元素而不是放置位置之后捕捉到左上角。

0 投票
1 回答
988 浏览

jquery-ui - jqueryUI droppable “drop” 函数仅在我的可拖动“connectToSortable”选项集上触发“over”

您可以在http://designvictim.com/jqueryui/index.html上查看代码

我正在尝试制作类似于从 Wordpress 拖放的小部件。

我已经非常接近我们想要完成的任务,但是我们希望能够在您将项目拖出“放置区域”并将其放到外面时,它会自行擦除并发送带有更新的 Ajax 调用内容。这就是为什么我让#body 可放置。此外,如果您开始从模块列拖动到其中一个放置区域,我希望它在放置之前可以直接排序,并且我能够使用“connectToSortable:'.moduleContainer'”来完成此操作,但现在每次我从一个模块容器中的项目并开始拖动并悬停其中一个放置区域并继续到另一个放置区域, $('#body').droppable() 的放置功能触发了我的想法!

我希望它是我的一些笨拙的编码,而不是 jqueryUI 的错误。提前感谢您的帮助,我希望我能清楚地解决这个问题。