0

次のように、ネストされた div に対してサイズ変更可能な jQuery UI を使用しています。

<div id="resizable1">
   <div id="resizable2">
   </div>
</div>

サイズ変更可能な 1 を無効にすると、サイズ変更可能な 2 も無効になるという問題が発生しています。

$("#resizable1").resizable("disable");

...その後、 resizable2 のサイズを変更することもできなくなりました。

他の誰かがこれに遭遇し、この動作を回避する方法を知っていますか?

ありがとう、

トラヴィス

4

2 に答える 2

2

ネストされたサイズ変更可能オブジェクトの使用にも問題がありました。

これを回避するには、ホバーオーバー/アウト時にネストされたものを初期化し、破棄します。

$(".the-nested-elements").each(function() {
  $(this).hover(function() {
    $(this).resizable();
  },function() {
    $(this).resizable("destroy");                       
  });
});

これは最もエレガントなソリューションではありませんが、機能します。

于 2011-05-05T18:51:18.007 に答える
0

あなたが先に進んだと確信しているので、少し遅れましたが、同じ問題に遭遇しました. これは既知の問題に関連しています: http://bugs.jqueryui.com/ticket/5973

rdworth によると、これに対する回避策を実行できます。

$("#resizable1").resizable("disable")
    .removeClass("ui-state-disabled ui-resizable-disabled")
    .children(".ui-resizable-handle").hide();

http://forum.jquery.com/topic/trouble-with-nested-resizablesで元の投稿を確認するか、http: //jsfiddle.net/rdworth/vaD8v/でフィドルを確認できます。

于 2011-05-18T19:26:04.977 に答える