jquery - 将 jQuery .draggable() 添加到 TinyMCE 图像

Question

我创建了一个用于 ajax 图像的插件，您可以将嵌入的视频放入 TinyMCE 编辑器中。这很好用，但我找不到将 .draggable() j Query 事件附加到编辑器内的 ajax 图像的方法。

我已经尝试过：（我将图像包装在一个带有博士类的 div 中）

绑定鼠标按下事件，然后设置$(".dr").draggagle();. 直接应用到课堂上。

我得到的最接近的是 tinyMCE 初始化代码中的以下代码：

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

但我不能终draggable()其e.target\e.target.nodeName一生。

有任何想法吗？

Answer 1

由于 tinymce 不等于编辑器源 html 元素（例如 textarea）$(".dr").draggable();不会处理所需的元素。您将不得不使用$(ed.getBody()).find(".dr").draggable();来获得所需的结果。

马克：让我知道这是否适合您（它适用于我的系统）。

更新：确保在 tinymce 初始化后调用可拖动对象，否则它将不起作用。

Answer 2

在图像周围包裹一个 div 并指定它的宽度和高度。然后在 live 函数中应用 jquery 可拖动函数，例如：

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