將jQuery .draggable（）添加到TinyMCE圖像

Question

我爲ajax圖像創建了一個插件，並將嵌入的視頻插入到TinyMCE編輯器中。 這很好，但我找不到一種方法將.draggable（）j Query事件附加到編輯器內的ajax-ed圖像。

我曾嘗試：（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爲我的生活。

任何想法？

Answer 1

由於tinymce不等於編輯器源HTML元素（例如textarea）$(".dr").draggable();不會解決所需的元素。您將不得不使用$(ed.getBody()).find(".dr").draggable();來獲得所需的結果。 Mark：讓我知道這是否適合你（它適用於我的系統）。

更新：請確保您在tinymce初始化後調用dragable，否則它將無法工作。

Answer 2

在圖像周圍包裹div並指定其寬度和高度。然後在實時功能中應用jQuery可拖動功能，例如：

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