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

Question

我为ajax图像创建了一个插件，然后将嵌入的视频输入到TinyMCE编辑器中。 这很好但我找不到将.draggable（）j Query事件附加到编辑器内的ajax-ed图像的方法。

我已经尝试过:(我把这个图像包装在一个带有类dr的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之后调用dragable，否则它将无效。

Answer 2

在图像周围包裹div并指定其宽度和高度。然后在live函数中应用jquery draggable函数，例如：

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