Jquery在调整Div之后编辑Div内容

Question

我有一个按钮，允许我将一个元素从draggable更改为contenteditable。该元素最初也可以调整大小，我试图在编辑之前删除可调整大小的能力（与我的拖动相同） - 单击按钮。请注意元素具有类“draggable”，因此这里的初始“.draggable”仅用于引用元素。

我遇到的问题是，当我关闭“可调整大小”时，元素包含拉伸方块，类似于选择图像（我忘记你称之为方形的东西），因此尽管调整大小的句柄已经消失了元素无法编辑，仍然可以使用这些方块调整大小。任何人都有任何想法？

 $("#edit").click(function(){
     $(".draggable").draggable( "disable" )
       $(".draggable").resizable("option", "disabled", True);
         $("div").get(0).contentEditable = "true"; 

    });

Answer 1

使用destroy代替disable尝试此操作，看看它是否按预期工作：

$("#edit").click(function(){
     $(".draggable").draggable("destroy");
     $(".draggable").resizable("destroy");
     $("div").get(0).contentEditable = "true"; 
});