问题标签 [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.
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>
否则不应该。我已经给出了下面使用的代码......
任何帮助将不胜感激和感激......
可放置区域
可拖动内容:
将内容拖动到可放置区域时显示/隐藏:
jquery - jQuery Draggable 包含问题,无法将元素拖动到父 div 之外
我有一个非常简单的图像管理器,如下所示:
和 jQuery 一起使用:
这是CSS:
图像是可拖动的,但无论容器设置为什么(甚至尝试将其设置为窗口),它们都不会从其父 div 中出来。
有谁知道如何使它工作,或者为什么它不工作?
我将 z-index 设置得很高,以确保这不是问题。我也尝试制作#draggable-images
没有滚动条的 div,它也不起作用。
似乎在jQuery 的网站上就像一个魅力,无法弄清楚我错过了什么。
jquery - jQuery UI - 可拖动/可拖放捕捉到父 div?
谁能帮我写这段代码:http: //jsfiddle.net/tVzq9/2/
我试图让 div '.boxArt' 捕捉到父 div '.drop',但它恢复的方式相同(所以它很平滑)。目前它会掉到 div 上,但不适合它。对 drop div 使用“tolerance:'fit'”是行不通的,因为很难在其上准确定位。谢谢您的帮助!
jquery - 如何使用 jquery ui 可拖动突出显示悬停时的可放置区域
我实际上有两个问题,标题中的 on 是主要问题。我在标记为可放置的页面上有多个 div 元素。在这些 div 元素中,我有标记为可拖动的跨度。我想要它,所以当您拖动元素并将其悬停在可放置区域上时,该区域要么突出显示,要么具有边框,因此他们知道可以将其放置在那里。
作为第二个问题,我所有的可拖动元素都有一个 display:block、一个宽度和一个浮点数,所以它们在我的可放置区域看起来很漂亮和整洁。当物品被丢弃时,它们似乎被设置为它们的位置,因为它们不再像我的其他物品那样漂亮而整洁。作为参考,这是我的javascript。
jquery - 将 jQuery “drop” 事件绑定到被删除的元素
我有两个表,尝试使用 jquery ui 中的可拖放和可拖放在表之间传递行
我可以很好地拖放,但是“放置”的元素不是“可放置的”。就像我将一行从表 1 移到表 2 时一样,它可以工作。但是,如果我尝试将另一行从表 1 移动到表 2,则只有在页面加载时将其放到表 2 中的一个元素上时它才会起作用。它不会掉到我已移至表 2 的表 1 中的元素上。
我将如何重新绑定此事件,以使已删除的元素可放置?
html - jQuery UI Droppable - 如何实际更改 HTML?
使用 jQuery UI 的 Droppable 我制作了一个架子类型的东西,其中包含的项目可以移动。这是代码:http: //jsfiddle.net/JoeyMorani/7LWj4/
是否可以实际更改架子的 HTML,因此当移动“.boxArt”div 时,它们也会在 HTML 中移动。目前它似乎只改变了 div 的位置,并没有真正移动它。
我想这样做,这样我就可以检测到 div 的位置。(他们的父 div 是什么)
谢谢您的帮助!:)
jquery-ui - 当可拖动对象移出可放置对象时触发放置
当被拖出<li>
的 droppable #div1
,我怎样才能强制拖<li>
下?
javascript - ui.draggable("destroy") 的 jquery ui 错误
<div>
当我将它放在容器上时,我想删除它的拖动属性。但我得到一个错误"Property 'draggable' of object #<Object> is not a function"
,我的代码如下。
我使用 jquery ui 版本 1.8.12
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 之间的碰撞,然后应用相应的逻辑。
任何帮助将不胜感激。
谢谢!