3

私はDIVのこの構造を持っています

<div id="container">
   <div="outer">
      <div id="inner">
      </div>
   </div>
</div>

resizable()そして、このjqueryUiを使用して「外側」のdivを作成しました

$("#outer").resizable({ containment: 'parent', alsoResize: "#inner"  });

今まですべてがOKです！

////////////////問題/////////////////

外側のサイズを変更すると、内側のサイズが変更されますが、「コンテナー」divに到達すると停止しますが、これは問題ありませんが、内側はマウスを動かしてサイズを変更し続け、「コンテナー」と「外側」のDIVを超えます!!!!

「コンテナー」の div 制限に達したときに、「内側」も「外側」で停止させることはできますか????

事前にありがとう、私はあなたが助けることができることを知っています:)

4

3 に答える 3

1

alsoResize を使用する必要がありますか? 正しいマークアップと css を使用してこれを修正すべきではありませんか?

于 2011-03-23T23:22:34.603 に答える
0

この問題は、コンテナを設定することで解決できmaxHeightますmaxWith。

$("#outer").resizable({
    alsoResize: '#inner',
    containment: 'parent',
    maxHeight: 500,
    maxWidth:500
});

http://jsfiddle.net/WV2nn/で実例を確認してください

于 2011-03-23T23:50:14.010 に答える
0

私の場合、ドラッグ可能でサイズ変更可能なレイヤーを一緒に持っています..そして、それは親コンテナを超えてサイズ変更を可能にしました...どうすればそれを修正できますか?

于 2012-06-11T12:52:57.890 に答える