jquery - 调整 Div 大小后 Jquery 编辑 Div 内容

Question

我有一个按钮，它允许我将元素从可拖动更改为内容可编辑。该元素最初也是可调整大小的，我试图在编辑之前删除可调整大小的功能（与可拖动相同） - 单击按钮。请注意，该元素具有“可拖动”类，因此此处的初始“.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"; 
});