Div를 크기를 조정 한 후 Jquery Div 콘텐츠 편집

Question

나는 draggable에서 요소를 contenteditable로 변경하는 데 사용할 수있는 버튼이 있습니다. 요소는 또한 처음에 크기를 재조정 할 수 있으며, 버튼을 클릭 할 때 편집하기 전에 크기를 조정할 수있는 기능을 제거하려고 시도하고 있습니다 (드래그 가능과 동일). 요소는 클래스 "draggable"을 가지므로 초기 ".draggable"은 요소를 참조하기 위해 사용됩니다.

문제는 "크기 조정 가능"을 해제하면 이미지를 선택하는 것과 비슷한 요소가 스트레칭 사각형에 포함되어 있으므로 (크기 조정 작업을 잊어 버렸기 때문에) 크기 조정 핸들이 사라졌지만 요소를 편집 할 수 없으며 사각형 요소로 크기를 조절할 수 있습니다. 어떤 아이디어라도 갖고 있습니까?

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

    }); 

Answer 1

disable 대신 destroy에 이것을 시도하고 당신이 그것을 예상대로 작동하는지 확인 :

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