动态创建jquery-ui可拖动句柄

Question

如何为jquery-ui .draggable()动态创建句柄？

我在网站上有一些contenteditable div，我想让它们在屏幕上拖动。当我使用可拖动功能时，我无法编辑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');
});

工作小提琴：http://jsfiddle.net/cSMYG/1/

不是您要找的？让我知道