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

如何在jquery中将一个div的min-height更改为另一个div的高度 - 代码无效

1 个答案: