jquery-ui-droppable相关内容

如何使用 jquery ui 可拖动突出显示悬停时的可放置​​区域

我实际上有两个问题,标题中的 on 是主要问题.我在标记为可放置的页面上有多个 div 元素.在这些 div 元素中,我有标记为可拖动的跨度.我想要它,所以当您拖动一个元素并将其悬停在可放置区域上时,该区域要么突出显示,要么具有边框,以便他们知道可以将其放置在那里. 作为第二个问题,我所有的可拖动元素都有一个 display:block、一个宽度和一个浮点数,所以它们在我的可放置区域看起来很 ..

当我制作一个可拖动的克隆并将其放入可放置的对象中时,我无法再次拖动它

当我制作一个可拖动的克隆并将其放入可放置的对象中时,我无法再次拖动它.我怎么做?其次,我只能弄清楚如何通过 .append 将克隆添加到可放置对象中.但随后它会在任何现有元素而不是放置位置之后捕捉到左上角. $(document).ready(function() {$("#container").droppable({下降:函数(事件,用户界面){$(this).append($(ui.dra ..

jQuery Droppable,让元素被删除

一个小问题,希望有一个简单的答案,我正在使用 jQuery 可拖动和可放置将项目放入停靠栏.使用以下代码进行放置. $("#dock").droppable({下降:功能(事件,用户界面){//对掉落的元素做些什么?!?}}); 但是我无法找到一种方法来获取实际删除的元素,所以我可以做点什么.这可能吗? 解决方案 来自 drop 事件文档: 这个事件在接受的可拖动对象被拖放到“上 ..

可放置小部件的 jQuery UI 放置事件触发两次

首先,我知道这个问题之前曾在本网站和其他网站上被问过,但对于我的场景来说,答案都是垃圾(如果它们不完全是垃圾),并且(至少对于这里的问题:可放置在可排序上的可放置火的jQuery UI放置事件),建议只是完全关闭 .sortable,这肯定不是我想要做的. 好的,我有这个 jquery(请记住,如果任何选项或 html id 看起来很傻,这只是为了测试,所以我可以尝试解决这个问题): $( ..
发布时间:2021-12-17 22:05:32 其他开发

jQuery UI Droppable 和 Sortable - 放入正确的排序位置

我正在处理一个项目,我正在使用 droppable 和 sortable 的组合将元素从 3rd 方 jQuery 控件拖动到 jQuery sortable. 这工作得很好,除了要添加的项目始终添加到可排序列表的底部,然后您必须将其作为单独的步骤移动到正确的位置. 是否可以将项目添加到您在列表中放置它的位置? 您可以在 此处 的 jQuery 购物卡 droppable 演示中 ..

jQuery 拖放 - 检查可放置对象外的放置

如果在另一个问题中回答了这个问题,我很抱歉,我找不到特定于我的问题的答案! 我正在尝试测试 jQuery 可拖动对象是否被放置在合法可放置对象之外.这通常可以通过恢复可拖动来解决 90% 的时间,但我不想这样做.相反,如果将可拖动对象放到可放置对象上(效果很好!),我想做一件事,如果将其放置在所有可能的可放置对象之外(目前让我变得更好!),我想做另一件事. 简而言之: jQuery( ..

jQueryUI droppable,停止传播到重叠的兄弟

正如你在这里看到的:http://jsfiddle.net/rA4CB/6/ 当我在重叠区域放置它时,它会在两个 droppables 中收到,当物品是兄弟时,贪婪不起作用.有没有办法阻止 zIndex 中较低的 droppables 的接收? 顺便说一句,mouseOver 不会为 droppable 元素触发,因为鼠标实际上位于可拖动元素上. 相关JS: $(functio ..
发布时间:2021-12-17 21:31:34 其他开发

如何让 jQueryUI 拖放与触摸设备一起使用

在这种情况下,我希望有人回复说我是个白痴.但我仍然感到惊讶的是 jQueryUI 拖放操作不适用于触摸设备.我还没有全部测试过,但我在去年尝试了 iphone\ipad\android 2、3&4,但一无所获.刚刚在新的 Android 上尝试了最新版本.依然没有.不相信我,只需访问移动设备上的演示页面并尝试使用拖放示例.没什么. 这里是否存在技术问题或核心不兼容问题?修复如此简单以至于不值 ..

使用 jquery-ui draggable 对可拖动对象进行分组

我想使用 jquery draggable/droppable 让用户选择一组对象(每个对象的角落都有一个复选框),然后将所有选定的对象作为一个组拖动... 我这辈子都不知道该怎么做哈哈. 这是我认为将导致一个可用的解决方案,在每个可拖动对象上,使用 start() 事件并以某种方式抓取所有其他选定的对象并将它们添加到选择中 出于性能原因,我还考虑将拖动的对象看起来像一组对象(它 ..

为jQuery UI Droppable' s的相交公差建立匹配选项

我想将一个元素拖到两个或更多可放置区域中,但是这些可放置区域必须完全包含在我的可拖动对象中. 问题是, jQuery UI的现有可丢弃容限功能都无法满足这种需求. 理想情况下,我将使用“相交",但是可拖动和可拖放对象的度量在代码中是相反的.(可以通过搜索 $.ui.intersect 在 jquery-ui.js 中找到此逻辑.) 我尝试通过使用jQuery进行鸭打孔并尝试将 t ..

jQuery UI droppable' drop'等待还原的事件

我正在开发与jQueryUI的一些简单的拖放式交互.在某些情况下,我希望将拖动的项目返回到其原始位置(还原),然后摇动.我将 shake 放在了droppable的 drop事件中对象,但似乎没有等待还原完成. 更糟糕的是,有时它会在之前开始恢复到原始位置时晃动,有时它会在完全还原完成后在之后晃动,而其他时候则发生晃动陷入中间.这是不一致的. 有什么方法可以执行可放置对象 drop 事 ..

JQueryUI-如果将可拖放区域缩小,则可拖动元素将被拖放到多个可拖放区域

我正在尝试将element拖放到可放置区域.假设我有多个具有相同class的可放置区域,并且为此class编写了drop事件处理程序. 如果我使用-webkit-transform:scale(0.3,0.3);缩小可放置区域,则放置事件行为很奇怪.在将可拖动元素附加到一个可放置区域之一之前,该放置发生在多个可放置区域上. 我认为此问题是由于使用scale引起的,但是我不知道如何解决它 ..
发布时间:2020-08-20 01:30:40 前端开发

Live Droppable UI元素仅在第二次尝试时接受放置

我有通过Ajax动态添加到页面的JQuery UI Droppables.尝试按照指导以实时方式连接Droppable: jQuery UI Droppable:如何使其能够使用? 在第一次尝试拖放时,hoverClass不会挂机,放置目标也不会注册的Droppable(放置事件处理程序不会触发).在随后的尝试中,它会按预期工作. 小提琴: http://jsfiddle.net ..
发布时间:2020-06-29 00:15:35 其他开发

jQuery可拖动位置-克隆

我有可拖动的/可拖放的jQuery,可以使用遏制和帮助程序选项集.我想做的是将放置的物品的top和left参数存储在两个变量中. 在下面的示例中,我已经实现了这一点(将新文档图标拖到框中),但是返回的位置是相对于原始图标而不是父DIV的位置.图标和可放置框都处于绝对位置. http://www.instructuk.com/drop.php 有人知道如何获得与父母相关的位置而不是 ..
发布时间:2020-06-28 19:14:24 其他开发

jQuery可拖动/可拖放和可排序组合

我被要求创建一个正方形网格,其中每个正方形可能包含也可能不包含链接,并且这些链接应该能够在网格上移动. 我认为可拖动/可拖放将是可行的方式,并且它工作正常,但是,现在,我们希望能够将可拖动对象互换,如果一个被放置在另一个之上.因此,现在看来可排序已经成为要走的路.但是,sortable看起来更像是用于列表,而我却没有像列表那样编写它. 是否有一种简单的方法可以使到目前为止的工作正常进行 ..

jQuery在两个容器之间可拖放

我正在尝试开发一个具有以下功能的小页面: 页面将具有两个div:一个是#origin,包含很多缩略图,第二个是#drop,可以将其拖放到图像上(最多3张)。 需要将其拖放到图像从#drop放回原点。 #drop必须可排序,因为选择的3张图像的顺序很重要。 放到#drop,图像应该对齐,就像原始图像从一开始就显示一样。 我以前从未使用过jQuery ,甚至以前我都有一个工作页面原型 ..