将jQuery.draggable（）添加到TinyMCE图像

我创建了一个ajax图像插件，你可以将嵌入的视频插入TinyMCE编辑器。 这非常有效，但我找不到一种方法将.draggable（）j查询事件附加到编辑器中的ajax ed图像

我尝试过：（我用dr类将图像包装在一个div中）

绑定鼠标按下事件，然后设置

$（“.dr”）.draggagle（）。
将其直接应用于课堂

我得到的最接近的代码是tinyMCE init代码中的以下代码：

 ed.onClick.add(function(ed, e) {
        alert('Editor was clicked: ' + e.target.nodeName);
 });

但是我不能把
draggable（）
应用到
e.target\e.target.nodeName
上

有什么想法吗？
因为tinymce不等于编辑器源html元素（例如textarea）
$（“.dr”）.draggable（）将不会处理所需的元素。您必须使用
$（ed.getBody（））.find（“.dr”）.draggable（）以获得所需的结果

马克：让我知道这是否适合你（它在我的系统上工作）

更新：确保在tinymce初始化后调用dragable，否则它将无法工作。
在图像周围环绕一个div，并指定其宽度和高度。然后在live函数中应用jquery可拖动函数，例如：

$('#mydiv').live(function(){$(this).draggable()});

请包括你用来将ajax-ed图像插入编辑器的代码。试着看一看，你能解释一下这里的错误吗。我真的很感激你的努力。为了完美，我需要学习更多