问题标签 [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 回答
7061 浏览

jquery - jQuery 可拖放/可拖动

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

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

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

0 投票
1 回答
1649 浏览

jquery - Droppable hoverClass 选项在 Internet Explorer 中不起作用

我似乎无法让它工作。它在 Firefox 中工作正常,但在 IE 中,当droppable有一个项目在它上面时没有任何反应。

我尝试使用hoverClassoption,还尝试在“over”和“out”事件中手动更改类。这两种方法都适用于 Firefox,但不适用于 IE。IE有解决方法吗?

下面是我的代码:

0 投票
1 回答
22395 浏览

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

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

0 投票
1 回答
4609 浏览

jquery - jQuery 可排序 + 可放置。掉落后,我的 LI 被包裹在另一个 LI 中

这是我的可拖动连接到可排序的代码。问题是,我正在创建一个具有一堆属性的 LI。但是当我将一个项目拖到可放置的 div 时,可排序的会创建一个新的 li 标签并用它包装我创建的 li。

它看起来像这样:

虽然我的意图是有这样的东西:

那么我该怎么做呢?

和代码:

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 的错误。提前感谢您的帮助,我希望我能清楚地解决这个问题。

0 投票
3 回答
2876 浏览

jquery - jQuery 从列表中拖动(不删除元素)并拖放到另一个列表中

我怎样才能有两个列表(div 或 table 元素),我可以在其中将项目从一个拖放到另一个(我认为 jQuery droppable 可以做到这一点),但实际上没有从源列表中删除它?

例子:

现在我在“555”和“999”之间从左向右拖动BBB。结果(查看 BBB 现在在两者中的情况:

0 投票
3 回答
4566 浏览

jquery - jQuery droppable 事件无法触发?

请忽略激活/停用时丑陋的背景颜色变化,这仅用于测试。我遇到了“out”没有被触发的问题。这可能与可拖动对象设置为“恢复:无效”这一事实有关吗?即使删除它,我也无法从 out 事件中执行任何操作……甚至是一个简单的警报框。有小费吗?

0 投票
1 回答
1945 浏览

jquery - jquery ui拖放从多个可拖动对象中获取位置

我有一个可放置的容器,里面有 >1 个可拖动的。我希望每次拖动其中任何一个时都能简单地看到每个可拖动对象的位置。听起来很容易,但我很难弄清楚。这是我所拥有的:

基本上,在我有 position1 输入 id 收集位置的地方,我想让第二行对另一个可拖动对象做同样的事情。