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

jquery-ui - 无法拖动已拖动的元素

我在http://jsfiddle.net/stevea/zPPPV/3/有一个简单的拖放情况。如果您拖放绿色框,则放置处理程序会克隆拖动的对象并将其插入到发生放置的 xy 处的红色框中。绿色框具有绝对定位,并且克隆在放置点处具有偏移量。

拖放框一次就可以了,但是我无法拖放克隆和插入的新框,即使 Firebug 显示它具有 ui-draggable 类。

有没有人看到问题?

谢谢。

显然我需要显示一些代码,因为我引用了一个 jsfiddle:

0 投票
1 回答
1923 浏览

jquery - 使用 jQuery UI 可拖动,如何在悬停在可放置对象上时使用回调函数?

当将文本拖到可放置对象上时,我需要将文本附加到克隆的帮助对象。

有没有办法在悬停在可放置对象上时触发回调?

0 投票
2 回答
107 浏览

javascript - 如果一个项目没有被拖到一个特定的位置,那么它会回到原来的位置吗?

我做了一个快速拖放式菜单。基本上我做到了,所以你将列表中的一个项目拖到垃圾箱中,它会给你一个警告说“已经消失”

我想做到这一点,这样你就不能只是将项目拖到任何地方。它必须进入垃圾箱或它所调用的“.list4”,否则将其发送回原来的位置。

这是 JSFiddle:http: //jsfiddle.net/Gdze8/

这是Javascript:

另外,当我在这里的时候,有没有办法在它进入“垃圾箱”时删除它?

0 投票
1 回答
1480 浏览

javascript - 让 setTimeout 工作

我有以下使用 Jquery UI 拖放的代码。当项目被拖放到该区域时,拖放区变为公司徽标,然后我想要延迟并重定向到拖放链接中的 URL。

我可以更改徽标或重定向 URL,但不能同时更改两者,当我同时设置时,延迟不会发生并且重定向开始消失。我假设我在 setTimeout 上做错了什么。

代码如下:

0 投票
2 回答
2629 浏览

javascript - Draggable UI helper clone 和 non-clone 有两种不同的行为,这是怎么回事?

据我了解,可拖动 UI 的辅助选项只是此处所述的显示效果。

但是当它与表格一起使用时,它似乎有问题(附加位置是错误的)。

示例:http: //jsfiddle.net/hmj83/

谁能解释这种行为或提供解决方法/修复?

谢谢。

0 投票
2 回答
1773 浏览

jquery - jquery drop div 在多个可放置的 tds 上,但仅使用最高

我对 JavaScript 和 JQuery 很陌生,希望你能帮助我解决我的问题。

我想在几个较小的 tr 上放置一个 div 并获得 div 覆盖的最高的一个。但似乎JQuery选择了div中心的tr。

有没有更简单的方法可以在不使用 div 的高度来计算顶部 tr 的情况下实现这一点?

也许我只是做错了什么或错过了什么。

HTML:

查询:

作为jsfiddle

提前致谢!

0 投票
1 回答
222 浏览

javascript - Jquery Droppable 最终不删除一个项目

我有这种可拖放的 HTML 元素的组合

可丢弃

可拖动的

这工作正常,但丢弃的元素放在列表的最后。如何将一个元素放在列表顶部或列表的其他元素之间。

NB

我需要首先直接删除元素或beetwen,而不是最后删除并在可排序之后切换顺序。

0 投票
1 回答
204 浏览

jquery - jQuery draggable 放在 2 个 droppables 上。只需要一个

我在使用 jQueryUI(最新版本)进行一些拖放时遇到了一点问题。

我有一个可拖动的,这并不是那么特别。我有 2 个放置位置,但它们不是亲子。

第一个 droppable 在第二个的正上方。第二个 droppable 在可滚动的 div 内。当该 div 向下滚动一点时,就会出现问题。当 div 滚动时,第二个 droppable 有效地向上移动,但这是隐藏的。

使用 Chrome 中的元素检查器,我可以看到它被突出显示。

现在,当我将一个可拖动对象放在第一个对象上时,两个可拖放对象都会被触发,但我只希望第一个对象触发。

使用“greedy:true”似乎不起作用,很可能是因为他们不是亲子。

他们被解雇的顺序是可以预测的。第一个(可见的 droppable)首先被触发,然后是第二个(你实际上看不到)。

有没有办法防止第二个 droppable 着火?

http://jsfiddle.net/vQuZf/1/

0 投票
0 回答
239 浏览

jquery - Jquery Image 在第一次放置后没有明显拖动

我是一个 jQuery 新手,但我试图模拟一个lightbox页面上可能存在多个图像的位置,并且我有“浮动”放置区,用户可以将图像拖放到放置区,然后添加到灯箱。

灯箱由一个包含两行和 4 个单元格的表格组成,每个单元格内都有 div,它们是 dropzones。

我打算使用表格/单元格来调整图像的顺序(将通过 AJAX 保存(除其他外)到服务器。)

我实际上已经通过快照使图像居中,但我需要div静态定位要包含的图像。也许还有另一种解决方案,但是在每种情况下,当我省略将位置/静态添加到可拖动对象时,它不会将其定位在容器div或表格单元格中:

拖入放置区的图像可以拖动到新的放置区,但是第二次拖动的图像不会显示图像,或者div仍然会正确放置。如果我删除"$(this).append(ui.draggable.css('position', 'static'))" 第二次拖动可以正常工作,但它不包含在 Dropbox 中。

这是小提琴:小提琴

0 投票
0 回答
228 浏览

javascript - 使拖动的元素捕捉到顶部元素而不是底部元素 jquery 拖放

正在进行的工作的屏幕截图假设我有两个放置区,一个在另一个下方,并且我有一个可拖动元素,其高度等于放置区的高度和它们之间的间距之和。当我将元素拖到两个区域上并释放鼠标时,元素会附加到底部放置区域而不是顶部放置区域。我需要做的是,如果我将元素放在两个区域上,我希望元素落入第一个区域而不是第二个区域。

这是我到目前为止所尝试的。

小提琴

这是脚本

有人可以帮我吗。

编辑:可能有多个像这样堆叠的放置区。就像一个 3x3 网格。在每种情况下,顶部放置区应该是应该接受放置的放置区,而不是底部放置区。例如,如果我将鼠标悬停在第 1 列 => 第 1 行和第 2 行上,则 col1 row1 应该是 dropzone。如果我将鼠标悬停在 column 1 => row 2 和 row 3 上,则 col1 row2 应该是 dropzone。

这是我们正在尝试开发的游戏。拖放应该按照我在问题中发布的方式进行。