问题标签 [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.

0 投票
0 回答
292 浏览

javascript - 如何将图像用作 div 内的可放置元素

我在 div 中有一个可以放置的图像。我想在拖动元素并将鼠标悬停在图像上时调用 drop 函数。我做到了,但 drop 函数没有被顺利调用。下面是我的html代码

下面是使用的css。

下面是javascript代码

}

0 投票
1 回答
243 浏览

jquery - jquery draggable revert和droppable.drop函数如何一起玩

我在我的代码中看到了多种不同的行为(可能是由于错误)可拖动的还原功能如何与可放置的放置事件一起工作。

所以我需要澄清一下。

我的期望是在 drop 事件之前调用 revert 函数。

根据 revert() 函数的值:

return true // 不触发 drop 事件,因为 drop 被还原...

return false // 触发 drop 事件

有人可以告诉我我的假设是否正确,因为我的代码没有那样做。

代码太多,这里不能发,抱歉不能发。

0 投票
0 回答
899 浏览

jquery - jQuery Droppable - 将 CSS 类添加到拖动元素

有人可以帮我解决以下问题吗?

我正在使用 jQuery Droppable 购物车演示 UI ..

从目录部分拖动元素后,我想将 css 类添加到相关<li>标签。

例如:目录div 中删除“ Lolcat 衬衫”后,拖动时应附加“ dropInCart ”css 类...即我的 html 应如下所示。<li>

HTML


jQuery

小提琴

0 投票
1 回答
263 浏览

jquery - 添加 5 个元素后创建轮播

我正在使用 jQuery UI Droppable Cart Demo 插件,一旦 Dropped area 达到 5 个元素,我想创建一个轮播或箭头......如果我点击箭头,remaning 应该显示


小提琴


HTML

jQuery

截图...


直到 5 个元素

可放置区域的 5 个元素


拖动 5 个元素后

5个元素后创建轮播

0 投票
3 回答
825 浏览

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


    小提琴


    0 投票
    0 回答
    1101 浏览

    jquery - jQuery - Draggable and Droppable onClick + icon from draggable add to droppable container

    我正在使用 jQuery UI Droppable ...

    如何在单击“ Draggable ”列表中的“ + ”图标时添加元素到“ Droppable ”列表中,就像拖放一样...

    HTML

    jQuery


    小提琴


    0 投票
    2 回答
    1120 浏览

    jquery - jQuery Droppable - 无法删除克隆元素

    我正在使用 jQuery UI Droppable ...

    我需要像拖放一样的功能来单击 Draggable 中的星形图标,它必须添加到 Droppable 容器中。我尝试成功。

    但是,当我试图<li>从 Droppable 容器中删除元素时,相同的技巧(克隆)不起作用......这里..点击关闭图标它应该只关闭与<li>可拖动区域相关的。

    请问有什么快速的建议吗?

    是否有可能:

    • 克隆(单击星形图标)仅限于一次......同时它正在<li>为多次点击创建多个 s。

    小提琴


    截图供参考


    以供参考

    HTML

    jQuery

    0 投票
    1 回答
    2705 浏览

    jquery - jQuery Drag and Droppable - 如果可放置区域有 li 元素,则隐藏占位符

    我正在使用 jQuery Droppable 插件。

    <ul>如果 Dropped有一个或多个元素,我想隐藏一个占位符。它适用于拖放功能。最重要的是,我还实现了 click 方法。它还将<li>通过从 Dragged 容器中单击星形图标来克隆元素。但是在这种方法中,我无法隐藏占位符。


    小提琴

    在此处输入图像描述

    请检查以下代码:::

    HTML

    jQuery

    0 投票
    1 回答
    517 浏览

    jquery - jQuery UI 可拖动和可放置

    我有一个 div 类库,我有两个可放置的 div,我在将一个元素从一个可放置的 div 拖动到另一个可放置的 div 时遇到问题。当我将放置元素拖到另一个可放置的 div 时,它总是回到其可放置的 div。有人可以帮助我吗?任何人?

    这是我的示例代码,加上一个 jsFiddle:http: //jsfiddle.net/2n0bevxo/159/

    代码:

    CSS:

    js:

    html:

    0 投票
    0 回答
    200 浏览

    jquery - 如何将 jQuery 的 droppable 函数用于转换后的 div?

    我有使用css'transform:rotate(20deg)'将div转换20度的div。我正在尝试从表中拖动一行并放入转换后的 div 中。但是放置区域不是显示在转换后的div上,而是显示在div的正常位置上。我在删除元素时遇到问题。请帮我。下面是代码片段: