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

jquery - jQuery UI Draggables - 更改还原位置?

是否可以编辑 jQuery UI 可拖动助手的恢复位置?例如,我有一些图标,用户可以单击并拖动到页面上的组中。当用户单击图标并开始拖动时,只要他们继续按住单击,就会在光标下方显示一条帮助消息并跟随光标。如果助手被放入一个组中,它就会消失。如果助手没有被放入一个组中,它会使用 revert: 'invalid' 返回到它的原始位置。我的问题是,我可以编辑助手的原始位置吗?它似乎总是恢复到 left: 0 和 top: 0 的绝对位置,但我不知道如何编辑这些值。我需要将返回位置编辑为向左多 300 像素。

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 收集位置的地方,我想让第二行对另一个可拖动对象做同样的事情。

0 投票
6 回答
37980 浏览

jquery - jQuery 可排序和可放置

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

0 投票
5 回答
19846 浏览

jquery - jQuery拖到父级之外

我正在使用 JQuery 的 draggable(); 使 li 元素可拖动。唯一的问题是当元素被拖到其父元素之外时,它不会显示出来。也就是说,它不会离开其父 div 的范围。一个例子在这里:http: //imgur.com/N2N1L.png - 好像其他所有东西的z-index都具有更高的优先级(并且元素在所有东西下滑动)。

这是代码:

li 元素被放置在 DIV 中,如下所示:

我很肯定问题是它不会离开它的父容器,但我不知道该怎么做才能把它拿出来。

任何方向或帮助将不胜感激!

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 投票
4 回答
6419 浏览

javascript - jQuery的可拖动网格

看起来Draggable的构造函数中的 'grid' 选项相对绑定到被拖动元素的原始坐标 - 所以简单地说,如果你有三个可拖动的 div,它们的顶部分别设置为 100、200、254 像素相对给他们的父母:

Adn 所有这些都可以在 'grid' 设置为 [1, 100] 的情况下进行拖动:

这里的问题是,一旦您将div3向下拖动,它的顶部就会增加 100,将其移动到354 像素,而不是仅仅增加46像素(254 + 46 = 300),这将使它到达下一站在 grid - 300px中,如果我们将parent-div作为参考点和“网格持有者”。

我查看了可拖动源,它似乎是一个内置缺陷 - 它们只是相对于可拖动元素的原始位置进行所有计算。

我想避免对可拖动库的代码进行猴子修补,而我在这里真正寻找的是如何使 Draggable 计算相对于包含父级的网格位置的方法。但是,如果猴子修补是不可避免的,我想我将不得不忍受它。

0 投票
5 回答
64302 浏览

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

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

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

如何做到这一点?

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