jquery - 特定のサイズ変更ハンドラー jQuery を削除する

Question

サイズ変更可能なコンテナ div があります。その div 内には、サイズ変更可能な別の div があります。コンテナー div のサイズ変更ハンドラーを破棄すると、内側の div のサイズ変更ハンドラーも破棄されます。このような：

$(".container").resizable("destroy");

コンテナーのサイズ変更ハンドラーを破棄し、コンテナー内の div にサイズ変更ハンドラーを保持する方法はありますか?

Answer 1

これは、jQuery UI ソースのバグのようです。親コンテナの「destroy」呼び出しは、ターゲット コンテナ オブジェクトおよび含まれるすべての要素から ui-resizable-handle を削除しています。

問題の根本は、198 行目の jquery.ui.resizable.js の destroy 関数にあります (JQuery UI v1.8.20 以降)。

次のように呼び出していることに注意してください。

.find('.ui-resizable-handle').remove();

これは代わりに次のように変更する必要があります。

.children('.ui-resizable-handle').remove();

この呼び出しを変更すると、ui-resizable-handle が内部 div から削除されなくなります。

それが役立つことを願っています!