0

ここや他のサイトで見つかった同様の問題に対する多くの回答に基づいて、このコードを検索していじりました-うまくいくはずですが、そうではありません。私は何かが欠けているに違いない。

左の div が元の min-height より大きい場合、サイドバーの div の高さを左の div と同じ高さに動的に変更したいと考えています。どちらの div にも背景画像はありませんが、デザインにとって重要な境界線があり、その境界線は min-height で終わります。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
  $(document).ready(function() {
    var leftHeight = $('#left-area').height();
    var sidebarHeight = $('#sidebar').height();

    if( leftHeight > 690 ) {
      $('#sidebar').css('min-height' , leftHeight+'px' );
      }
    else {
      }
    });
  </script>
4

1 に答える 1

1

JavaScriptを分離する必要があります。

また、「px」は必要ありません。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    var leftHeight = $('#left-area').height();
    var sidebarHeight = $('#sidebar').height();

    if( leftHeight > 690 ) {
      $('#sidebar').css('min-height' , leftHeight);
      }
    else {
      }
    });
</script>

javascriptエラーが発生した場合は、いつでもコンソールを確認できます。

于 2013-01-06T18:19:51.743 に答える