将jQuery的.draggable()功能添加到TinyMCE图像中

Question

我创建了一个插件，用于在TinyMCE编辑器中ajax图片和嵌入的YouTube视频。这很有效，但我找不到一种方法来将.draggable() j Query事件绑定到编辑器内部的ajax图片上。

我尝试过： 1. 绑定鼠标按下事件，然后设置$(".dr").draggagle()。 2. 直接应用于类。

我最接近的代码是在tinyMCE init代码中：

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

但是我无论如何都无法将draggable()应用到e.target\e.target.nodeName。 有什么想法吗？

- Naterade

---

请提供您用于将Ajax图像插入编辑器的代码。 - solidau

请尝试查看http://api.jquery.com/delegate/。 - Roman

Answer 1

由于tinymce与编辑器源html元素（例如textarea）不相等，$(".dr").draggable();将无法定位到所需的元素。您需要使用$(ed.getBody()).find(".dr").draggable();来获得所需的结果。

Mark：如果这对您有用，请告诉我（它在我的系统上有效）。

更新：确保在初始化tinymce后调用dragable，否则它将无法正常工作。

- Thariama

Answer 2

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

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

- Md Toufiqul Islam

---

请问有谁给这个点了踩，能否解释一下哪里出了问题？我非常感激您的努力。我需要更多的学习来追求完美。 - Md Toufiqul Islam