如何在放置事件jquery上获取放置项目的ID

关键词：

【中文标题】如何在放置事件jquery上获取放置项目的ID【英文标题】：How to get the dropped item's id on drop event jquery 【发布时间】：2011-09-10 15:00:26 【问题描述】：

当我将某些东西拖放到 jquery droppable 时，我想获取被删除项目的 id。当我这样做时：

$("#here").droppable(
        tolerance: 'fit',
        accept: ".one",
         drop: function()
            id = $(this).attr("id");
            alert (id);
        
    );

它当然会提醒可丢弃here 的ID。如何选择已删除 div 的 id？

【问题讨论】：

【参考方案1】：

改变你的drop函数接受两个参数：event, ui

function(event,ui)
    var draggable = ui.draggable;
    var id = draggable.attr("id");

被拖放的可拖动对象由 ui.draggable 表示

在 jquery ui 文档中找到 droppable。

【讨论】：

谢谢！我想知道为什么当我像tasid = $(ui.draggable).attr("id"); 那样做时它不起作用...忘记(event,ui)【参考方案2】：

这对我有用：

   $( "#droppable" ).droppable(
          drop: function( event, ui ) 
                var draggableId = ui.draggable.attr("id");
            var droppableId = $(this).attr("id");
          
        );
      );

【讨论】：

如何在android中为画布中心的项目放置一个onclick事件？

】如何在android中为画布中心的项目放置一个onclick事件？【英文标题】：Howtoputanonclickeventfortheitemcomingatthecenterofthecanvasinandroid?【发布时间】：2013-09-2006:36:19【问题描述】：我已经实现了下面的代码来获取循环滚动中的项目，其中... 查看详情

拖放到列表视图上，如何获取放置的项目位置

】拖放到列表视图上，如何获取放置的项目位置【英文标题】：Dragginganddroppingontoalistview,howtogettheitempositionthatwasdroppedon【发布时间】：2017-12-0616:31:48【问题描述】：我有一个项目列表，当项目被拖动时，它可以被拖放到另一个项... 查看详情

jQuery UI - 放置事件后克隆可放置/可排序列表

】jQueryUI-放置事件后克隆可放置/可排序列表【英文标题】：jQueryUI-Clonedroppable/sortablelistafterdropevent【发布时间】：2014-01-2417:06:30【问题描述】：基本上，我有一个可拖动项目的列表，最初有一个可放置的元素供它们拖入。当一个... 查看详情

jquery clone 似乎没有保留可拖动/可放置的事件

】jqueryclone似乎没有保留可拖动/可放置的事件【英文标题】：jqueryclonedoesn\'tseemtoretaindraggable/droppableevents【发布时间】：2011-04-0316:52:45【问题描述】：我有一行可以将项目拖入其中并对其进行排序。这一切正常。我什至在每个项... 查看详情

元素放置上的jQuery可放置绑定功能？

...nonelementdrop?【发布时间】：2012-01-2818:45:07【问题描述】：如何在drop事件上绑定函数，但在droppable()函数之外？$(\'#list\').droppable(//...drop:function(e,ui)//thisworks...,);//..butIwanttobindmyfu 查看详情

向可放置项目添加唯一 ID

】向可放置项目添加唯一ID【英文标题】：Addinguniqueidstodroppableitems【发布时间】：2012-09-2313:05:37【问题描述】：我有一个小部件，我可以在其中将物品放入垃圾桶。我希望能够在drop事件中为丢弃在垃圾桶中的每个项目添加一个... 查看详情

我们如何在可放置 div 中释放项目的确切位置元素上放置

】我们如何在可放置div中释放项目的确切位置元素上放置【英文标题】：Howcanwedroponexactpositionelementwherewereleasetheitemindroppablediv【发布时间】：2018-09-2623:48:02【问题描述】：我正在研究拖放功能，它运行良好，但是当我拖放元素时... 查看详情

jQuery：可在 Resizable Droppable 上拖动：项目在放置后消失

】jQuery：可在ResizableDroppable上拖动：项目在放置后消失【英文标题】：jQuery:DraggableonResizableDroppable:Itemdisappearsafterdropping【发布时间】：2011-12-2915:54:28【问题描述】：我只是用谷歌搜索了很多，但找不到答案。我有一个可调整大... 查看详情

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

】可放置小部件的jQueryUI放置事件触发两次【英文标题】：jQueryUIdropeventofdroppablewidgetfiringtwice【发布时间】：2013-09-1023:01:17【问题描述】：首先，我知道这个问题以前在这个网站和其他网站上都被问过，但是对于我的场景来说，... 查看详情

Jquery：防止将可放置的项目放置在某些可放置的 div 之外

】Jquery：防止将可放置的项目放置在某些可放置的div之外【英文标题】：Jquery:PreventdroppableItemstobeDroppedoutsidecertaindroppabledivs【发布时间】：2014-05-0718:44:34【问题描述】：我正在尝试在学习应用程序中实现draganddropfunctionality。这很... 查看详情

jQuery 菜单 - 如何在菜单上放置箭头以表示子菜单？

】jQuery菜单-如何在菜单上放置箭头以表示子菜单？【英文标题】：jQuerymenu-HowcanIputarrowsonmenutodenotesubmenus?【发布时间】：2014-09-2918:48:00【问题描述】：在我的菜单上，没有指示菜单之一（父级）是否有子菜单（子级）。例如，在... 查看详情

20170613-原生拖放(代码片段)

...放置的。如果拖动元素经过不允许放置的元素，无论用户如何操作，都不会触发drop事件。不过，你可以把任何元素变成有效的放置目标，方法是：重写dragenter和dragover事件的默认行为。例如，假如一个ID为“droptarget”的div元素，... 查看详情

如何在 MapView 上绘制多边形，填充它，并在其上放置一个 onTouch 事件

】如何在MapView上绘制多边形，填充它，并在其上放置一个onTouch事件【英文标题】：HowtodrawaPolygononMapView,fillit,andputaonTouchEventonit【发布时间】：2012-12-3120:40:40【问题描述】：是否可以在osmdroidMapViewOverlay的绘制多边形中设置EventList... 查看详情

fullcalendar 为放置在事件上的可点击图标取消绑定 eventClick 方法

】fullcalendar为放置在事件上的可点击图标取消绑定eventClick方法【英文标题】：fullcalendarunbindtheeventClickmethodfortheclickableiconsplacedontheevents【发布时间】：2012-08-1316:56:35【问题描述】：我正在使用全日历插件。我曾使用jquery.on()函数... 查看详情

jQuery UI 在悬停时添加可放置的事件侦听器

】jQueryUI在悬停时添加可放置的事件侦听器【英文标题】：jQueryUIadddroppableeventlistenerwhilehovering【发布时间】：2020-06-0313:54:45【问题描述】：我想在拖动一个对象并悬停可放置对象时添加可放置事件侦听器。这是我的代码：$(\'.will... 查看详情

在哪里放置 jquery 文件，包括事件处理程序

】在哪里放置jquery文件，包括事件处理程序【英文标题】：Wheretoputjqueryfilesincludingeventhandlers【发布时间】：2016-07-1411:54:11【问题描述】：我知道这可能很愚蠢，但一如既往地感谢您的帮助：我有一个包含一个事件处理程序的pre.j... 查看详情

如何在堆栈中将文本放置在图像上？

】如何在堆栈中将文本放置在图像上？【英文标题】：HowcanIpositiontextoverimageeachotherinastack?【发布时间】：2020-10-1814:58:09【问题描述】：我一直在尝试在颤动中创建一张小卡片，并且我一直在尝试掌握堆栈的窍门以及如何将物品... 查看详情

如何在android编程中获取放置在小部件上的textview文本

】如何在android编程中获取放置在小部件上的textview文本【英文标题】：howcangettextoftextviewthatplacedonawidgetinandroidprogramming【发布时间】：2012-04-0215:20:29【问题描述】：我有一个问题。我以前做过所有的事情来设计和编码一个小部件... 查看详情