当draggable被拖放到可拖放区域时添加ID - jQuery Draggables

Add ID when draggable is dropped in a droppable zone - jQuery Draggables

本文关键字:拖放 ID 添加 jQuery Draggables 区域 draggable      更新时间:2023-09-26

我在这个页面上使用jQuery拖拽工具:

一旦用户将一个可拖拽项拖拽到拖放区域,我就为按钮添加了一个fadeIn来"保存"拖拽的值。

我想要得到的内容(字)内的可拖拽放置在拖放区。要做到这一点,我认为我需要添加一个ID,只有当特定的可拖放对象被添加到特定的可拖放区域。

然后我可以使用getElementById来获取内部值。

我的问题是,添加一个ID使用以下:

$('element').attr('id', 'value');

但是我不确定如何选择只是放置在下拉区这一次的可拖动的…不是页面上所有的可拖拽项

这是当某些东西被放置在适当位置时的代码:

drop: function() {
    $(this).droppable('disable');
  },

以上代码目前用于禁用可拖放区域(从而将可拖放区域固定在适当位置,因此无法删除)。

元素应该传递给函数,尝试以下操作:

drop: function(event, ui) {
    alert(ui.draggable.text());
  },

检查http://api.jqueryui.com/droppable/event-drop