无法禁用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');