问题标签 [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.
jquery-ui - 无法拖动已拖动的元素
我在http://jsfiddle.net/stevea/zPPPV/3/有一个简单的拖放情况。如果您拖放绿色框,则放置处理程序会克隆拖动的对象并将其插入到发生放置的 xy 处的红色框中。绿色框具有绝对定位,并且克隆在放置点处具有偏移量。
拖放框一次就可以了,但是我无法拖放克隆和插入的新框,即使 Firebug 显示它具有 ui-draggable 类。
有没有人看到问题?
谢谢。
显然我需要显示一些代码,因为我引用了一个 jsfiddle:
jquery - 使用 jQuery UI 可拖动,如何在悬停在可放置对象上时使用回调函数?
当将文本拖到可放置对象上时,我需要将文本附加到克隆的帮助对象。
有没有办法在悬停在可放置对象上时触发回调?
javascript - 如果一个项目没有被拖到一个特定的位置,那么它会回到原来的位置吗?
我做了一个快速拖放式菜单。基本上我做到了,所以你将列表中的一个项目拖到垃圾箱中,它会给你一个警告说“已经消失”
我想做到这一点,这样你就不能只是将项目拖到任何地方。它必须进入垃圾箱或它所调用的“.list4”,否则将其发送回原来的位置。
这是 JSFiddle:http: //jsfiddle.net/Gdze8/
这是Javascript:
另外,当我在这里的时候,有没有办法在它进入“垃圾箱”时删除它?
javascript - 让 setTimeout 工作
我有以下使用 Jquery UI 拖放的代码。当项目被拖放到该区域时,拖放区变为公司徽标,然后我想要延迟并重定向到拖放链接中的 URL。
我可以更改徽标或重定向 URL,但不能同时更改两者,当我同时设置时,延迟不会发生并且重定向开始消失。我假设我在 setTimeout 上做错了什么。
代码如下:
javascript - Draggable UI helper clone 和 non-clone 有两种不同的行为,这是怎么回事?
据我了解,可拖动 UI 的辅助选项只是此处所述的显示效果。
但是当它与表格一起使用时,它似乎有问题(附加位置是错误的)。
示例:http: //jsfiddle.net/hmj83/
谁能解释这种行为或提供解决方法/修复?
谢谢。
jquery - jquery drop div 在多个可放置的 tds 上,但仅使用最高
我对 JavaScript 和 JQuery 很陌生,希望你能帮助我解决我的问题。
我想在几个较小的 tr 上放置一个 div 并获得 div 覆盖的最高的一个。但似乎JQuery选择了div中心的tr。
有没有更简单的方法可以在不使用 div 的高度来计算顶部 tr 的情况下实现这一点?
也许我只是做错了什么或错过了什么。
HTML:
查询:
作为jsfiddle
提前致谢!
javascript - Jquery Droppable 最终不删除一个项目
我有这种可拖放的 HTML 元素的组合
可丢弃
可拖动的
这工作正常,但丢弃的元素放在列表的最后。如何将一个元素放在列表顶部或列表的其他元素之间。
NB
我需要首先直接删除元素或beetwen,而不是最后删除并在可排序之后切换顺序。
jquery - jQuery draggable 放在 2 个 droppables 上。只需要一个
我在使用 jQueryUI(最新版本)进行一些拖放时遇到了一点问题。
我有一个可拖动的,这并不是那么特别。我有 2 个放置位置,但它们不是亲子。
第一个 droppable 在第二个的正上方。第二个 droppable 在可滚动的 div 内。当该 div 向下滚动一点时,就会出现问题。当 div 滚动时,第二个 droppable 有效地向上移动,但这是隐藏的。
使用 Chrome 中的元素检查器,我可以看到它被突出显示。
现在,当我将一个可拖动对象放在第一个对象上时,两个可拖放对象都会被触发,但我只希望第一个对象触发。
使用“greedy:true”似乎不起作用,很可能是因为他们不是亲子。
他们被解雇的顺序是可以预测的。第一个(可见的 droppable)首先被触发,然后是第二个(你实际上看不到)。
有没有办法防止第二个 droppable 着火?
jquery - Jquery Image 在第一次放置后没有明显拖动
我是一个 jQuery 新手,但我试图模拟一个lightbox
页面上可能存在多个图像的位置,并且我有“浮动”放置区,用户可以将图像拖放到放置区,然后添加到灯箱。
灯箱由一个包含两行和 4 个单元格的表格组成,每个单元格内都有 div,它们是 dropzones。
我打算使用表格/单元格来调整图像的顺序(将通过 AJAX 保存(除其他外)到服务器。)
我实际上已经通过快照使图像居中,但我需要div
静态定位要包含的图像。也许还有另一种解决方案,但是在每种情况下,当我省略将位置/静态添加到可拖动对象时,它不会将其定位在容器div
或表格单元格中:
拖入放置区的图像可以拖动到新的放置区,但是第二次拖动的图像不会显示图像,或者div
仍然会正确放置。如果我删除"$(this).append(ui.draggable.css('position', 'static'))
" 第二次拖动可以正常工作,但它不包含在 Dropbox 中。
这是小提琴:小提琴
javascript - 使拖动的元素捕捉到顶部元素而不是底部元素 jquery 拖放
假设我有两个放置区,一个在另一个下方,并且我有一个可拖动元素,其高度等于放置区的高度和它们之间的间距之和。当我将元素拖到两个区域上并释放鼠标时,元素会附加到底部放置区域而不是顶部放置区域。我需要做的是,如果我将元素放在两个区域上,我希望元素落入第一个区域而不是第二个区域。
这是我到目前为止所尝试的。
这是脚本
有人可以帮我吗。
编辑:可能有多个像这样堆叠的放置区。就像一个 3x3 网格。在每种情况下,顶部放置区应该是应该接受放置的放置区,而不是底部放置区。例如,如果我将鼠标悬停在第 1 列 => 第 1 行和第 2 行上,则 col1 row1 应该是 dropzone。如果我将鼠标悬停在 column 1 => row 2 和 row 3 上,则 col1 row2 应该是 dropzone。
这是我们正在尝试开发的游戏。拖放应该按照我在问题中发布的方式进行。