10

現在、次のページで作業しています。

ページのスキーマ

divResizable は、次のコードを使用して jQuery によって変更されています。$().ready()

 $("#divResizable").resizable({ handles: 'e' });
 $("#divResizable").bind("resize", function (event, ui) {
      $('#divContent').width(850 -(ui.size.width - 175));
 });

ご覧のとおり、divResizable が小さくなると divContent の幅を広げようとします。ただし、このコードでは、divContent は常に左側だけに「成長」するとは限りません。時には、無関係な div の右側に拡張されることがあります。

これらの 2 つの div の幅を一致させるためのより洗練された方法への入力はありますか?

私が考えることができるのは、divContent の幅を

(start of irrelevant - divResizable.width) == 850px
  ^ e.g 1025px          ^ e.g. 175px

jQueryを使用してこれをどのように正確に行うのですか?

4

3 に答える 3

15

デモ- レイアウトでこれを処理できます。resizableと をラップする場合はの幅contentを調整するだけで済みますresizable

HTML

<div id="page">
  <div id="wrapper">
    <div id="resizable">resizable</div>
    <div id="content">content</div>
  </div>
  <div id="irrelevant">irrlevant</div>
</div>

CSS

#resizable  { float:left; width:175px; }
#content    { overflow:hidden; width:auto; }
#wrapper    { float:left; width:1025px; }
#irrelevant { }
于 2011-05-27T11:25:21.083 に答える
1

含まれる 2 つの div の合計に設定された幅を持つ div で、 「 divresizable」と「divContent 」をラップしてみてください

于 2011-05-19T13:43:50.907 に答える