droppable相关内容

如果正确,则jQuery可丢弃和可拖动计数

我是jQuery的新手,目前(我想)遇到了一个简单的问题。 我有两个列表:一个Droppable和一个Draggable;关于这一点的两个问题: 1)如何知道被丢弃的物品? 因此,请列出“已删除”区域中的所有项目。 2)如何检查投放的物品是否在正确的投放区域? 每个都有一个ID,并且应该放在正确的区域中(Drag1到Drop1)。 直播很简单,只需使用Drop-Function ..
发布时间:2022-04-18 09:10:18 其他开发

jquery droppable ->避免多次滴落同一个物体

我有一个包含不同可拖动元素的容器,并且有一些“目标"div 的列表,用户可以在其中放置可拖动元素. 示例:想象一下,你有一个“标签"列表(House,Computer,Car,..)和一些作为目标的文档列表(所有文档都是 div ).所以目标是使用拖动&将“标签"分配给文档.降低.顺便说一句,每个 tag-Div 都有一个唯一的 id ( ..
发布时间:2022-01-11 21:20:52 其他开发

在父框架和子 iframe 之间拖放元素

我正在尝试使用 jQuery 在父框架和 iframe 之间拖放元素.我在父框架中有一个面板,其中包含一些可拖放到子框架上的可拖动项目.我试图搜索很多,但找不到很多... 我试图通过在子框架内附加元素然后尝试以编程方式在新插入的元素上触发可拖动来解决它,但我也被困在那里.找不到触发拖动功能的正确方法.(可拖动元素有一个助手.当我通过触发“mousedown.draggable"触发拖动时,u ..

在窗口之间拖放图像,而不是链接 - HTML5

我正在尝试在 HTML5 中制作一个拖放上传器,并附加要求能够使用从我不拥有且无法编辑的其他网站(主要是图像)拖动的文件. 在这种情况下,在 ondrop 事件中,我没有使用 e.dataTransfer.files 从本地计算机下载图像并发布它,而是使用以下命令检索 URLe.dataTransfer.getData('URL') 并将其发布到服务器以供其下载服务器端. 工作正常,除 ..
发布时间:2021-12-24 10:51:10 前端开发

如何在不实际拖放的情况下使用 jQuery UI Droppable 触发 Drop 事件?

我有一个带有放置事件处理程序的 droppable: $(this).droppable({下降:功能(){console.log('天哪,你把它丢了!');}}); 我有一个可拖动: $(this).draggable(); 我想要做的是在 droppable 上触发放置事件处理程序,而无需实际拖放 draggable.我想在不实际执行行为的情况下模拟实际行为. 我认为这样的事情会 ..
发布时间:2021-12-17 22:04:24 前端开发

同时需要可拖放ID的jqueryUI的ID

我可以使用下面的代码获取放置的物品的ID,但是如果我尝试更改警报以获取拖动物品的ID,则不会发生任何事情。例如alert(ui.draggable.attr(’id’)); $(function(){ function dropCallback(e){ alert(“项目为“ + e.target.id); }; $(”#draggable“)。draggable({ax ..
发布时间:2020-10-26 06:17:46 其他开发

jQuery UI可拖动重置到原始位置

这可能很容易做到,但是我总是觉得太复杂了。 我刚刚使用#draggable / #droppable和固定宽度/高度+浮点数:左。 然后我希望一个重置按钮能够将#draggable重置为原始状态,然后将其捕捉到#droppable 。 (底行) $(document).ready(function(){ $(“ #draggable“)。draggable ({ re ..
发布时间:2020-10-26 06:11:41 其他开发

javascript-如何制作多个可拖动的克隆?

现在我正在尝试制作一个简单的拖放游戏。 我第一次拖放克隆文件效果很好,但是不允许我再拖一个克隆。 所以我想创建尽可能多的克隆....而且我不知道该怎么做。 请先看一下我的代码。 function init(){ var xCoordinate; var yCoordinate; var itemName; $('#burger,#chicken,#fri ..
发布时间:2020-10-02 22:49:28 前端开发

jQuery UI,可拖动,可拖放,自动滚动

我有一组可放置的li元素,它们接受可拖动的图标.项目列表位于可滚动的div元素中.我在这里整理了一个简单的示例: http://www.nerdydork.com/demos/dragscroll/ 我想知道在拖动可拖动元素时是否有一种方法可以自动滚动元素列表.例如,假设您位于中间位置,例如 http://www.nerdydork.com/demos/dragscroll/#j .当您接近 ..
发布时间:2020-06-27 20:31:11 其他开发

克隆对象不可放置

我正在尝试使用Jquery克隆可放置对象,但克隆的对象不可放置. $(document).ready(function(){ $("input[value='Add']").click(function(e){ e.preventDefault(); $("div.field:last").clone().insertAfter("div.field:last"); }); $(".fie ..
发布时间:2020-06-27 19:28:26 其他开发

从可排序拖放到可拖放?

不确定是否可以做到这一点,有些人说不,是否需要能够从可排序对象中拖动并放到可放置对象上并实际发生放置. jsfiddle基于实现垃圾桶的另一个示例,但是我需要将该项目移至新列表.请注意,该放置仅接受来自sortable2的项目. http://jsfiddle.net/LrVMw/4/ $("#sortable1, #sortable2").sortable({ connect ..
发布时间:2019-11-20 20:17:30 前端开发

jQuery Droppable只有一个孩子

我是jQuery的新手,并且正在使用droppable API. 我想有一组div,它们都可以容纳一个且只有一个可放置的项.我已经将可放置div的类设置为inv.我可以将项目放置到div中,但是可以在drop函数中找到一种拒绝放置的方法. 我希望能够检测到我的div已经有一个孩子,并且如果它确实还原了dopped元素. 我的代码当前看起来像这样 $( "div.inv" ) ..
发布时间:2019-11-20 20:05:28 JavaScript

jQuery UI Multiple Droppable-拖动整个div元素&克隆

我刚刚开始使用jQuery UI将div拖动到表的列中.我有几个不同的可拖动div,它们内部具有不同的背景颜色和文本,我需要它们能够作为克隆克隆到放置区域.通过使用jQuery UI的示例购物车代码,这可以很好地工作,但是我已经对其进行了编辑,因此拖动了整个对象而不是仅拖动文本,但是由于某些原因,这消除了克隆功能,即使我有helper:clone. /p> 这是我的代码: ..
发布时间:2019-11-20 18:45:19 JavaScript

使jQuery可排序,可拖放和可拖动以协同工作

我正在尝试使用jQuery可排序,可拖放和可拖动一起使用.我有3个列表:断点占位符;报告行;报告组. 用户应该能够: 将尽可能多的占位符副本拖到“报告行"列表中 一次将一个“报告组"(不是克隆)拖到“报告行"集合中(但反之则不行)...直到不再剩下报告组. 用户应该能够对报告行列表的广告内容进行排序. 我的问题是... 我不能让上面的2号工作 侧面注释: 我确实确实 ..
发布时间:2019-11-20 18:34:04 JavaScript

在可拖放容器和可排序容器之间移动可拖动对象

我有一个场景,其中有多个droppable容器,它们也是sortable.我需要能够将clone从我的源文件draggable拖放到任何droppables上.在每个droppable中,项目必须为sortable.我还需要能够将draggable从一个droppable拖动到另一个. 这里是一个JSFiddle 我无法正常工作的概念. 我可以看到两个问题: 如果将两个项目拖到第 ..
发布时间:2019-11-16 17:05:18 JavaScript

行在数据表上消失了吗?

因此,让我先解释一下我要模仿的内容.在主页上,有一个带有最近表条目的主表.为用户提供了一组“收藏夹"文件夹,他们可以在其中从主表拖放表行.而不是拖动整个可见行(我的行很宽,并且很难说出它将放到哪个文件夹中),我有一个“信息"图标,在这种情况下,它是一个向上箭头.用户可以将图标拖放到文件夹中,此时应将其从主表中删除并附加到该收藏夹文件夹中的表中.到目前为止,大多数情况发生在下面的小提琴中(除了未从主 ..
发布时间:2019-11-16 15:58:52 前端开发