问题标签 [jquery-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.
javascript - 如何将图像用作 div 内的可放置元素
我在 div 中有一个可以放置的图像。我想在拖动元素并将鼠标悬停在图像上时调用 drop 函数。我做到了,但 drop 函数没有被顺利调用。下面是我的html代码
下面是使用的css。
下面是javascript代码
}
jquery - jquery draggable revert和droppable.drop函数如何一起玩
我在我的代码中看到了多种不同的行为(可能是由于错误)可拖动的还原功能如何与可放置的放置事件一起工作。
所以我需要澄清一下。
我的期望是在 drop 事件之前调用 revert 函数。
根据 revert() 函数的值:
return true // 不触发 drop 事件,因为 drop 被还原...
return false // 触发 drop 事件
有人可以告诉我我的假设是否正确,因为我的代码没有那样做。
代码太多,这里不能发,抱歉不能发。
jquery - jQuery Droppable - 将 CSS 类添加到拖动元素
有人可以帮我解决以下问题吗?
我正在使用 jQuery Droppable 购物车演示 UI ..
从目录部分拖动元素后,我想将 css 类添加到相关<li>
标签。
例如:从目录div 中删除“ Lolcat 衬衫”后,拖动时应附加“ dropInCart ”css 类...即我的 html 应如下所示。<li>
HTML
jQuery
jquery - 添加 5 个元素后创建轮播
我正在使用 jQuery UI Droppable Cart Demo 插件,一旦 Dropped area 达到 5 个元素,我想创建一个轮播或箭头......如果我点击箭头,remaning 应该显示
HTML
jQuery
截图...
直到 5 个元素
拖动 5 个元素后
jquery - jQuery Droppable - 不要删除原始 CSS 类放下后的标签
我正在使用 jQuery UI Droppable 插件...
不知何故,我的 Draggable<li>
元素类在放置后被删除。:(
删除元素后如何为<li>
标签维护相同的 CSS 类
删除<li class="one">Item 1</li>
到购物车区域后,我想将与当前自动删除的<li>
元素保持相同的类。<li class="one">Item 1</li>
请检查下面的代码...
HTML
jQuery
jquery - jQuery - Draggable and Droppable onClick + icon from draggable add to droppable container
我正在使用 jQuery UI Droppable ...
如何在单击“ Draggable ”列表中的“ + ”图标时添加元素到“ Droppable ”列表中,就像拖放一样...
HTML
jQuery
小提琴
jquery - jQuery Droppable - 无法删除克隆元素
我正在使用 jQuery UI Droppable ...
我需要像拖放一样的功能来单击 Draggable 中的星形图标,它必须添加到 Droppable 容器中。我尝试成功。
但是,当我试图<li>
从 Droppable 容器中删除元素时,相同的技巧(克隆)不起作用......这里..点击关闭图标它应该只关闭与<li>
可拖动区域相关的。
请问有什么快速的建议吗?
是否有可能:
- 克隆(单击星形图标)仅限于一次......同时它正在
<li>
为多次点击创建多个 s。
小提琴
截图供参考
HTML
jQuery
jquery - jQuery Drag and Droppable - 如果可放置区域有 li 元素,则隐藏占位符
我正在使用 jQuery Droppable 插件。
<ul>
如果 Dropped有一个或多个元素,我想隐藏一个占位符。它适用于拖放功能。最重要的是,我还实现了 click 方法。它还将<li>
通过从 Dragged 容器中单击星形图标来克隆元素。但是在这种方法中,我无法隐藏占位符。
请检查以下代码:::
HTML
jQuery
jquery - jQuery UI 可拖动和可放置
我有一个 div 类库,我有两个可放置的 div,我在将一个元素从一个可放置的 div 拖动到另一个可放置的 div 时遇到问题。当我将放置元素拖到另一个可放置的 div 时,它总是回到其可放置的 div。有人可以帮助我吗?任何人?
这是我的示例代码,加上一个 jsFiddle:http: //jsfiddle.net/2n0bevxo/159/
代码:
CSS:
js:
html:
jquery - 如何将 jQuery 的 droppable 函数用于转换后的 div?
我有使用css'transform:rotate(20deg)'将div转换20度的div。我正在尝试从表中拖动一行并放入转换后的 div 中。但是放置区域不是显示在转换后的div上,而是显示在div的正常位置上。我在删除元素时遇到问题。请帮我。下面是代码片段: