2011-01-16 17 views
0

子要素/親に対して要素のサイズを変更することは可能ですか?要素幅をゼロに簡単にサイズ変更できるので、子がオーバーフローしてしまいます(私にとって)悪いです。これを防ぐためにjQueryの動作がありますか?jquery resizable:オーバーフローしないように内部/外部要素の幅/高さを考慮する

解決策の1つは、resize()イベントにバインドされ、内部要素の位置/サイズを取得し、if(child.width + child.left < parent.width)をチェックすることです。しかし、この場合、jqueryにサイズを変更しないように指示する方法はわかりません。

要素のサイズを親から変更した別のビューもありますが、同じでもかまいません。それらのうちの1つが親をオーバーフローしている場合、要素の兄弟要素をチェックします。

ありがとうございました。

+0

直面している問題を示すコード例はありますか? – jmort253

+0

ありがとうございました。私は例を作るhttp://jsfiddle.net/3vtur/1/ – opio

+0

青色のDIVは固定サイズ(いくつかのコンテンツを持っている、私は小さくすることはできない)なので、赤色(jqueryサイズ変更可能)から100px子どものオーバーフロー。私はこの状況を把握し、サイズ変更をブロックしたいと思います。 私は一般的に何を計算するべきかを知っていますが、それが良い方法であるかどうかわからない、またはjqueryがこれをすべて持っているかどうかはわかりません。 状況はより複雑で、赤い要素にはいくつかの兄弟と親(より構造化されたドキュメント)もあります。 – opio

答えて

0

子に対してはminWidthおよびminHeightオプションが使用され、親に対してはmaxWidthおよびmaxHeightオプションまたは包含オプションが使用されます。

関連する問題