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

jquery - jQuery 可排序和可放置

我想要一个可排序的列表,但我也希望该列表中的元素可放置到我定义为可放置的 div 中。我似乎找不到办法做到这一点。有任何想法吗?

0 投票
1 回答
8516 浏览

jquery - jQuery Draggables 和 Droppables 定位

我正在使用 jquery UI 和 jQuery draggable,我所有的可拖动对象都使用 jquery克隆助手并将拖动对象附加到droppable

这是我的代码

我正在设置克隆的位置.css('top', ui.absolutePosition.top);css('left', ui.absolutePosition.left);但该位置是相对于身体的。

该位置与 droppable 无关,这使得可拖动拖放到随机位置。总的来说,可拖放和可拖动的集成并不紧密。我想让它更顺畅。

0 投票
1 回答
63438 浏览

jquery - jQuery Droppable,让元素被丢弃

一个小问题,希望有一个简单的答案,我正在使用 jQuery 可拖动和可拖放将项目放入停靠栏中。使用下面的代码进行放置。

但是我找不到一种方法来获取实际删除的元素,所以我可以做点什么。这可能吗?

0 投票
1 回答
7488 浏览

jquery - 多个可丢弃

我有多个可放置的 div(它们都具有相同的大小)和一个可拖动的 div。可拖动的 div 比一个可放置的 div 大 3 倍。当我在 droppables div 上拖动可拖动 div 时,我想找出哪个 droppable 受到了影响。

我的代码如下所示:

html

但是我的警报只显示我的可拖动 div (Div0) 命中的第一个,我怎样才能找到丢失的 (Div1 和 Div2),这也受到影响?

这是一个有同样问题的人:http: //forum.jquery.com/topic/drop-onto-multiple-droppable-elements-at-once

0 投票
5 回答
64302 浏览

jquery - 如何根据条件恢复可拖动的jquery UI的位置

我有一个可拖动的元素和一个可放置的元素。将拖动的项目放在 dropzone 上后,我将尝试执行以下 jquery 伪代码:

revert()函数将拖动的项目移回其原始位置。

如何做到这一点?

PS我知道可拖动的“还原”选项,但是只有在拖动的项目没有进入放置区时才会激活。

0 投票
1 回答
1283 浏览

jquery - Jquery.can 使 JQuery UI 可拖动、可放置、可排序一起工作吗?

在我的页面中,我有一些动态创建的可拖动的笔记贴纸。然后我有一个同时可以排序(启用排序)的滴管。我将便笺贴纸拖放到滴管内,并在滴管内上下排序(通过拖动)贴纸!

我想我可以使用 Jquery UI 来实现。但总是犯错!

0 投票
2 回答
4654 浏览

jquery - jQuery可拖动位置 - 克隆

我有 jquery draggable/droppable 使用包含和帮助选项集。我想做的是将放置的项目的顶部和左侧参数存储在两个变量中。

我在下面的示例中实现了这一点(将新文档图标拖到框中)但是报告回来的位置是相对于原始图标而不是父 DIV 的位置。图标和可放置框都是绝对定位的。

http://www.instructuk.com/drop.php

有谁知道如何获得与父母相关的位置而不是图标?

0 投票
1 回答
1379 浏览

jquery - 使用ajax拖放后拖动的项目消失

我真的对 jQuery 拖放有问题。所以让我稍微解释一下情况。

我想要实现的是:当您在时间线上拖动其中一个泪珠时,div 中的 id 和它所放置的项目的 id 应该在放置后立即存储在我的数据库中。

我设法用ajax做到了,这是代码:

但是当我这样做时,拖动的项目(或该项目的克隆)就会消失。我不知道为什么,因为页面没有刷新。新项目只是不会存储。

我尝试的另一个选项是将拖动的项目的 ID 和放置的项目 ID 放在文本框中,并在每次放置某些东西时保存它。但这也行不通。

我真的希望有人能帮助我!提前致谢。

在此处输入图像描述

0 投票
5 回答
31281 浏览

javascript - jQuery droppable - 在拖动期间接收事件(不仅仅是在初始拖动时)

我正在使用jQuery droppable(与jQuery draggable结合使用)来允许用户通过从列表中拖动项目并将它们放到表中来向 HTML 表中添加行。

这很好用,但是目前的逻辑是,当用户拖放表格行时,新行将添加到他们拖放的行下方。

如果新行的添加位置基于用户是落在现有行的上半部分还是下半部分,那会更好。

这在事件中很容易计算drop,但我需要在用户拖动时提供 UI 反馈(例如,我将通过两个 CSS 类droppable-abovedroppable-below完成)。

这似乎是不可能的,因为该over事件只触发一次;当用户最初拖动可放置元素时。

over当用户在可放置元素上时,是否可以让每次鼠标移动都触发事件?

如果是这样,那么我将能够做到这一点:

CSS 样式将类似于...

0 投票
1 回答
1554 浏览

jquery - jQuery Droppables - 隐藏“非活动”放置区时出现问题

我有一个相当长的 div 列表,我试图将它们用作可放置的 - 但我想隐藏所有不接受当前可拖动元素的可放置。

我在http://jsfiddle.net/N3uh3/上举了一个例子

基本上,如果我拖动“Drag A”元素,它将隐藏所有“Droppable B”元素并允许我拖放到正确的元素上,这很好用。

但是,如果我拖动“拖动 B”元素,它将隐藏所有“可放置 A”元素,但其余放置区域不接受我的可拖动项目。如果我将项目放置在“可放置 B”元素的原始位置,那么它会正确放置(即使元素的位置已经移动)。如果我使用“可见性:隐藏;” 而不是“显示:无”,这也适用于元素不移动。

我希望这是有道理的 - 似乎可放置区域设置为元素的原始位置....有什么办法解决这个问题吗?

提前致谢!