5

コンテナー div 内に (外部ツールバーを使用して) 動的に作成された TinyMCE テキストエリアがあります。ドラッグ可能でサイズ変更可能 (テキスト領域全体) にしようとしています。

jQueryUI の .draggable() は tinyMCE で動作しますが、.resizable() を使用すると、エリアをクリックしても tinyMCE 外部ツールバーが表示されません。設定でtinyMCEのサイズ変更オプションを使用すると、クリックしてドラッグしてサイズを変更すると、jqueryUIのドラッグ可能な機能が壊れます（ボックス全体がマウスとサイズ変更に追従し、手放しません）。

4

2 に答える 2

0

jquery ui draggable のhandleオプションとドラッグ関数のコールバックを使用して、この問題を解決しました。

div.draggable.handle = "div[role=group], td.mceLast";
div.draggable.drag = function ( event, ui ) {
    if ( $( event.srcElement ).is( '.mceResize' ) || $( event.originalEvent.target ).is( '.mceResize' ) ) {

        return false;
    }
};
于 2012-11-26T10:33:52.720 に答える