jquery-ui 드래그 가능한 핸들을 동적으로 생성하십시오.

Question

jquery-ui .draggable()에 대한 핸들을 어떻게 동적으로 생성합니까?

나는 웹 사이트에 contenteditable divs를 가지고 있으며 화면에서 드래그 할 수있게하려고합니다. draggable 함수를 사용하면 div를 편집 할 수 없습니다. 그래서 나는 핸들을 사용할 필요가 :

$(".draggable").draggable({ handle: ".the_handle" }); 

을하지만 문제는 contenteditable div에 동적으로 생성하기 때문에 수동으로 핸들을 만들 수 없다는 것입니다.

어떻게 동적으로 핸들을 만들 수 있습니까?

나는 이런 식으로 뭔가 싶어 : 아래의 코드는 당신을 도움이 될 것입니다

Answer 1

:

HTML을

<div id="draggable"> 
    <div id = "editable" contenteditable="true"/> 
</div> 

jQuery를

dvar draggableDiv = $('#draggable').draggable(); 

$('#editable', draggableDiv).mousedown(function(ev) { 
    draggableDiv.draggable('disable'); 
}).mouseup(function(ev) { 
    draggableDiv.draggable('enable'); 
}); 

Working fiddle : http://jsfiddle.net/cSMYG/1/

무엇을 찾고 계하십니까? 알려주세요