jquery - 如何在jquery中将一个div的最小高度更改为另一个div的高度 - 代码不起作用

Question

我已经根据此处和其他网站上发现的类似问题的许多答案搜索和玩弄了这段代码——我认为它应该可以工作，但事实并非如此。我肯定错过了什么。

如果左 div 大于原始最小高度，我想动态地将侧边栏 div 的高度更改为与左 div 相同的高度。两个 div 中都没有背景图像，但有一个对设计很重要的边框，该边框以最小高度结束。

<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>

Answer 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 错误，您可以随时检查控制台。