javascript - 无法在 jquery ui 中禁用 droppable

Question

我在我的网络应用程序中使用 jquery ui Draggable 和 Droppable 来拖放 div，

但是当我将项目放在 droppale 区域(它们有时是文本框或文本区域)时，我无法再对它们使用react或将它们进一步拖动，就像它们在页面的那部分被消耗了一样。

另一件事是我决定完全禁用 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

尝试设置“disabled”属性，像这样:

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