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