3

画像を ajax するためのプラグインを作成し、埋め込まれたビデオを TinyMCE エディターにチューブします。これはうまく機能しますが、.draggable() j Query イベントをエディター内の ajax 処理された画像にアタッチする方法が見つかりません。

私は試しました：（私はクラスdrでdivに画像をラップしました）

マウスダウンイベントをバインドしてから設定します$(".dr").draggagle();。クラスに直接適用します。

私が得た最も近いものは、tinyMCE init コードの次のコードでした。

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

しかし、私は私の人生のために適用することはできませdraggable()んe.target\e.target.nodeName。

何か案は？

4

2 に答える 2

3

tinymceが等しくないという事実のために、編集者のソースhtml要素（たとえば、textarea）$(".dr").draggable();は目的の要素に対応しません。$(ed.getBody()).find(".dr").draggable();目的の結果を得るには、を使用する必要があります。

マーク：これがあなたにぴったりかどうか教えてください（私のシステムで動作します）。

更新：tinymceが初期化された後、ドラッグ可能を呼び出すようにしてください。そうしないと、機能しません。

于 2012-09-24T07:13:04.770 に答える
-1

画像の周りにdivをラップし、その幅と高さを指定します。次に、ライブ関数内にjqueryドラッグ可能関数を適用します。例：

$('#mydiv').live(function(){$(this).draggable()});
于 2012-10-12T07:43:05.313 に答える