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

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

我曾尝试：（I包裹成像与类博士一个div）

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

我得到的最接近是TinyMCE的初始化代码下面的代码：

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

但我不能applay的draggable()到e.target\e.target.nodeName为我的生活。

任何想法？

来源

2012-09-22 Naterade

请包括您用于将ajax-ed图像插入到编辑器中的代码。 – solidau

试着看看http://api.jquery.com/delegate/ – RomanTheGreat

由于tinymce不等于编辑器源HTML元素（例如textarea）$(".dr").draggable();不会解决所需的元素。您将不得不使用$(ed.getBody()).find(".dr").draggable();来获得所需的结果。 Mark：让我知道这是否适合你（它适用于我的系统）。

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

来源

2012-09-24 07:13:04 Thariama

-1

在图像周围包裹div并指定其宽度和高度。然后在实时功能中应用jQuery可拖动功能，例如：

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

来源

2012-10-12 07:43:05

你能解释一下这里谁降低了这个数字吗？我非常欣赏这一努力。我需要更多地学习完美 –

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

回答

相关问题