無法禁用jQuery UI中的Droppable

Question

我在Web應用程序中使用jQuery ui Draggable和Droppable來拖放div，

但是，當我將項目放到droppale區域（有時是文本框或文本區域）時，我無法再與它們反應或將其進一步拖動，就像它們在頁面的那部分被消耗一樣。

另一件事是，我決定完全禁用droppable，但div仍然在上面放下東西並使用它們，我也嘗試從代碼中刪除droppable事件，然后再次運行它，但仍然發生同樣的事情。

但是當我將它們拖動到頁面的其他部分時，拖動效果很好。 我也嘗試在多台機器上運行，但輸出仍然相同。

可能是什么原因造成的？

用於創建可拖動對象的代碼

$('body').append("<div id='addNewText'></div>");
    $("#addNewText").draggable();

創建可放置頁面的代碼，但是當我刪除可放置部分時。

$("#book").append("<div name=\"page\" id =\"page"+(pagesNumber+1)+"\"> </div>");
    $("#page"+(pagesNumber+1)).css("position","absolute");

Answer 1

嘗試設置“禁用”屬性，如下所示：

$("#addNewText").droppable('option', 'disabled');