0

次を使用してウィンドウのサイズが変更されたときに、jQueryを使用して要素のサイズを変更しています。

$(window).resize(function() {
  topHeight = $("#top").height();
  height = $(window).height() - 210;
  $("#container").height(height);
  $("#g").height(height-25);
});

トップバーは再配置できるため、topHeight はトップバーの最新の高さを取得します。

私の問題は、 #top の高さが変わったときに #container のサイズを変更する方法がわからないことです。を使用してみまし$("#topRow").resize(function() { })たが、要素では機能しないようです。

4

1 に答える 1

2

#topの高さが変わると、すべてのイベントをキャッチする必要があります。

ウィンドウのサイズを変更したときに発生した場合は、ロジックをwindow.resizeにバインドする必要があるため、問題のコードが機能するはずです。

#top高さを変更するときに他のイベントがある場合は、そこにもロジックをバインドする必要があります。

更新：コメントで、要素の高さを変更できる複数選択フィールドがあると述べた#topRowので、これはロジックを追加できるイベントです。

注:別のオプションがあります。setIntervalのサイズを定期的にチェックし、必要に応じてサイズを#topRow変更する を作成します#containerが、個人的にはこのソリューションはお勧めしません。

于 2013-03-19T18:05:57.700 に答える