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

Posted 2023-05-08

【中文标题】动态创建jquery-ui可拖动句柄

【英文标题】：Create jquery-ui draggable handles dynamically

【发布时间】：2015-04-05 03:43:40

【问题描述】：

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

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

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

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

如何动态创建句柄？

我想要这样的东西：

【问题讨论】：

***.com/questions/18789354/…

【参考方案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/

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