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

【问题标题】：Create jquery-ui draggable handles dynamically动态创建jquery-ui可拖动句柄
【发布时间】：2015-04-05 03:43:40
【问题描述】：

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

我在网站上有一些contenteditable div，我想让它们在屏幕上可拖动。当我使用可拖动功能时，我无法编辑 div。所以我需要使用句柄：

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

但问题是我无法手动制作句柄，因为contenteditable div 是动态创建的。

如何动态创建句柄？

我想要这样的东西：

【问题讨论】：

stackoverflow.com/questions/18789354/…

标签： javascript jquery html css jquery-ui

【解决方案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/

不是您要找的东西？告诉我

【讨论】：