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

Posted 2023-05-08

【中文标题】如何在放置事件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");
          
        );
      );