问题标签 [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 投票
1 回答
948 浏览

jquery - jQuery Droppable Hover 和 Active Class 优先?

我遇到了一个问题,我看到我的活动和悬停类被应用在 Firebug 中,但它并不优先于现有样式。

因此,如果我的元素设置了背景颜色,则活动和悬停背景颜色不会更改元素。

我该如何解决这种行为?

0 投票
2 回答
2440 浏览

jquery - 在嵌套列表上应用 jquery-ui droppable

我正在尝试在嵌套列表上使用 jquery droppable,在悬停时对 li 的背景颜色进行更改。问题是它只适用于列表中的第一项。不过,警报仍在提醒列表项中的文本。任何想法为什么会发生这种情况?

[编辑] 在某些测试中,警报正常工作,正在应用悬停类(根据 fireBug),但是当我将鼠标悬停在第一个元素上时,它只会改变文本颜色。

[ css is comments ] - 另外,可能相关,可能是 css 错误,它不会让我在悬停时设置 li 的背景颜色,只有字体颜色。

[已解决] - 最后,即使所有列表项都附加了 id,它也不会让我发出警报 ($(this).id)。

0 投票
2 回答
735 浏览

javascript - 更改拖动对象并在拖放后恢复

请帮助我,我一般知道如何使用可拖动和可放置类,但我找不到实现这一点的方法:

我有一个大尺寸的图像,我需要将其拖放到一个 div 中。

1)拖拽的时候,不是在大图左右移动,而是想用小图(我已经有了,只需要改src)。

2)一旦它到达目标div,我想隐藏那个拖动的图像并在原来的位置再次显示大尺寸的图像。

唯一的限制是:必须应用“revert: invalid”。

这是我的代码:

谢谢你。

0 投票
1 回答
1124 浏览

jquery-ui - 溢出滚动容器中的 jQuery UI droppables

我确实已经在 jQuery 论坛上问过这个问题,但它们不像这里那么活跃。

当我在一个页面上有多个可放置区域时遇到了问题。我有一个永远不会移动的“静态”可放置区域,位于具有多个可放置区域并且可以滚动(溢出:滚动)的 div 上方。当我滚动 div 以使 div 中的可放置对象之一位于静态可放置对象“下方”时,如果我放置在静态区域上,则会为两个区域触发放置事件。

抱歉,这个解释可能含糊不清,所以我整理了一个示例:

标记:

Javascript:

我确实尝试使静态放置区域“贪婪”,但这似乎对这种情况没有帮助。

关于如何阻止这种情况发生的任何想法?

0 投票
2 回答
1488 浏览

jquery - 使用相同大小的 div 时 JQuery 的 Droppable Tolerance 'fit' 功能的问题

我只是想知道在使用 jQuery UI 中的 'droppable' 功能时,是否有其他人可以设法获得容差:'fit' 选项?

我只想在可拖动的 div 完美地放置到可放置的 div 上时调用一个函数。两个 div 的大小相同,我使用 snapMode:outer 来帮助最终用户。

我根本无法让它与“适合”一起使用。与“相交”完美搭配。

非常感谢一些帮助。

谢谢克里斯

0 投票
1 回答
1574 浏览

jquery - jquery ui 多次掉线问题

我有 2 个可放置的 div,当在其中任何一个上拖放时,我正在尝试获取该放置元素的 id。它总是返回 DOM 中第一个放置元素的 id。

0 投票
1 回答
1448 浏览

drag-and-drop - 拖动到滚动 div 时,Scriptaculous Draggable/Droppable 脚本无法正常工作

我正在使用 Scriptaculous Draggable /Droppable 脚本,并且在拖动到滚动 div 时遇到问题。我有以下布局(基于这个问题):

这是html:

我有另一个带有可拖动项目的 div,而所有 img 元素都是可放置的。这在大多数情况下效果很好,但是当网格的图像太多并且必须滚动时,我遇到了问题。我仍然可以拖放到该 div 中的大多数项目中,但是当我向下滚动然后尝试拖动到列表底部的一个项目上时,它会落在我滚动 div 之前位于底部的行上。

即使我在创建 Draggable 项目时设置了滚动属性,它也会滚动网格 div,但不会使用正确的 Droppable 项目。

有什么方法可以让 Draggable 项目拖放到正确的 Droppable 元素上,而不管包含的 div 是否滚动?

0 投票
1 回答
1026 浏览

jquery - jQuery - 可拖动克隆上的拖放视觉反馈

使用 droppable 提供反馈不是一个好的选择,因为它们的结构嵌套很深(使用贪婪),所以我想通过更改可拖动(即克隆)来提供视觉反馈。

这可能吗?有没有人在 jQuery 中做到这一点?

我没有看到任何例子,我不清楚如何实现它。我已经尝试过 over/out 事件,但这似乎不太正确,因为它们似乎在鼠标移动时被调用。

非常感谢任何建议,特别是草图示例。

0 投票
0 回答
390 浏览

jquery - jQuery可拖入可排序仅在排序后有效

我遇到了 Draggable 和 Sortable 的简单组合的问题:最初,拖动不起作用,我没有收到接收回调。只有我完成了排序(即更改#workarea 中事物的位置)之后,我才能将新事物拖入其中。

不知何故,在它接受可拖动之前似乎需要“初始化”可排序。我的代码,简化版本:

有谁知道我在这里可能做错了什么?

0 投票
1 回答
323 浏览

jquery - 当可拖放对象拒绝可拖动对象时,如何提供用户反馈?

jQuery 1.3 jQuery UI 1.7.2

我有一个应用程序,其中有许多可放置的 div,它们只接受一个可拖动的。为此,我将所有可放置对象上的接受选项设置为检查有效可拖动对象以及它是否已被占用的函数。如果被占用,accept函数返回false,否则返回true。因此,如果用户尝试将可拖动对象拖放到已被占用的可放置对象上,则可拖动对象将恢复。

我想做的是在用户将可拖动对象放在占用的可放置对象上时提供额外的反馈。知道我该怎么做吗?