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

jquery - 使用可拖动和可放置的 Div 隐藏/显示无法正常工作 - jQuery

我的问题是:当我将可拖动内容拖到可放置区域时<li>,包含该类的相应内容subtopic-drop-playlist应该打开并且它正在发生并且<ul class="topic-list">变为display:block并且它显示以下内容。

我的问题是当我将拖动的内容移动到<ul class="topic-list">第二个<li>包含该类subtopic-drop-playlist的内容正在打开时..

应该打不开。。

当我将光标悬停在特定<li>的.subtopic-drop-playlist<li>

否则不应该。我已经给出了下面使用的代码......

任何帮助将不胜感激和感激......

可放置区域

可拖动内容:

将内容拖动到可放置区域时显示/隐藏:

0 投票
3 回答
10480 浏览

jquery - jQuery Draggable 包含问题,无法将元素拖动到父 div 之外

我有一个非常简单的图像管理器,如下所示:

和 jQuery 一起使用:

这是CSS:

图像是可拖动的,但无论容器设置为什么(甚至尝试将其设置为窗口),它们都不会从其父 div 中出来。

有谁知道如何使它工作,或者为什么它不工作?

我将 z-index 设置得很高,以确保这不是问题。我也尝试制作#draggable-images没有滚动条的 div,它也不起作用。

似乎在jQuery 的网站上就像一个魅力,无法弄清楚我错过了什么。

0 投票
1 回答
7331 浏览

jquery - jQuery UI - 可拖动/可拖放捕捉到父 div?

谁能帮我写这段代码:http: //jsfiddle.net/tVzq9/2/

我试图让 div '.boxArt' 捕捉到父 div '.drop',但它恢复的方式相同(所以它很平滑)。目前它会掉到 div 上,但不适合它。对 drop div 使用“tolerance:'fit'”是行不通的,因为很难在其上准确定位。谢谢您的帮助!

0 投票
3 回答
52870 浏览

jquery - 如何使用 jquery ui 可拖动突出显示悬停时的可放置​​区域

我实际上有两个问题,标题中的 on 是主要问题。我在标记为可放置的页面上有多个 div 元素。在这些 div 元素中,我有标记为可拖动的跨度。我想要它,所以当您拖动元素并将其悬停在可放置区域上时,该区域要么突出显示,要么具有边框,因此他们知道可以将其放置在那里。

作为第二个问题,我所有的可拖动元素都有一个 display:block、一个宽度和一个浮点数,所以它们在我的可放置区域看起来很漂亮和整洁。当物品被丢弃时,它们似乎被设置为它们的位置,因为它们不再像我的其他物品那样漂亮而整洁。作为参考,这是我的javascript。

0 投票
1 回答
811 浏览

jquery - 将 jQuery “drop” 事件绑定到被删除的元素

我有两个表,尝试使用 jquery ui 中的可拖放和可拖放在表之间传递行

我可以很好地拖放,但是“放置”的元素不是“可放置的”。就像我将一行从表 1 移到表 2 时一样,它可以工作。但是,如果我尝试将另一行从表 1 移动到表 2,则只有在页面加载时将其放到表 2 中的一个元素上时它才会起作用。它不会掉到我已移至表 2 的表 1 中的元素上。

我将如何重新绑定此事件,以使已删除的元素可放置?

0 投票
1 回答
1373 浏览

html - jQuery UI Droppable - 如何实际更改 HTML?

使用 jQuery UI 的 Droppable 我制作了一个架子类型的东西,其中包含的项目可以移动。这是代码:http: //jsfiddle.net/JoeyMorani/7LWj4/

是否可以实际更改架子的 HTML,因此当移动“.boxArt”div 时,它们也会在 HTML 中移动。目前它似乎只改变了 div 的位置,并没有真正移动它。

我想这样做,这样我就可以检测到 div 的位置。(他们的父 div 是什么)

谢谢您的帮助!:)

0 投票
1 回答
476 浏览

jquery-ui - 当可拖动对象移出可放置对象时触发放置

当被拖出<li>的 droppable #div1,我怎样才能强制拖<li>下?

0 投票
1 回答
8716 浏览

jquery - jQuery.draggable() - 按钮点击恢复

我的页面上有几个可拖放的元素,它们具有accept属性。

目前我的代码设置如下:

因此,如果答案不正确,则将其恢复到原来的位置。

用户还需要能够重置页面上的所有内容。我尝试了以下方法,但它不起作用:

0 投票
3 回答
2440 浏览

javascript - ui.draggable("destroy") 的 jquery ui 错误

<div>当我将它放在容器上时,我想删除它的拖动属性。但我得到一个错误"Property 'draggable' of object #<Object> is not a function",我的代码如下。

我使用 jquery ui 版本 1.8.12

0 投票
1 回答
3789 浏览

jquery - jQuery UI:Safari 中的 Droppable('drop' 事件,容差:触摸)错误(mac)

我无法解决以下问题:

以下代码适用于所有mac浏览器以及 windows,除了它 部分适用于 macs safari(5.1.5)

注意:它适用于 windows safari(5.1.5)。

这是基本结构

在此处输入图像描述

所以,基本上当div1接触到div2时,应该触发 drop 事件。

在此处输入图像描述

但上述情况并不会触发 drop 事件。

在 macs safari 中触发 drop 事件的唯一情况(如下所示)是当可拖动的 div div1完全通过可放置的 div div2时。我只是不知道为什么?

在此处输入图像描述

使用的版本:

更新:

我尝试了其他宽容的选择。' touch ' 和 ' intersect ' 都不能按预期工作。但是'指针'工作得很好。

有没有其他方法可以实现“tolerance:touch”的功能?我正在考虑检测 2 个 div 之间的碰撞,然后应用相应的逻辑。

任何帮助将不胜感激。

谢谢!