0

我已经编写了以下 jquery 来更改高度，#dash-nav如果它小于#dash-content-wrap. 它用于仪表板上的基本垂直导航。

if ($('#dash-nav').height() < $('#dash-content-wrap').height()) {
    $("#dash-nav").height( $("#dash-content-wrap").height() );
}

该代码在jsFiddle中完全按预期工作，但在我的实时站点上没有。

我尝试使用以下两种方法加载脚本，但都没有任何区别：

  • (window).load
  • (document).ready

任何想法和帮助，非常感谢！谢谢

4

1 回答 1

0

您的 jsfiddle 链接要求输入用户名和密码（基本身份验证）。$(document).ready(function(){...})应该可以正常工作，因为它仅在 DOM 元素完全加载后才会触发

请让你的css类是正确的。我的猜测是，如果你可能有 float:left inside dash-nav，高度可能不会给出正确的值。你可以试试看能否clear:both解决问题。这只是我的猜测。

也尝试这样做：

window.setTimeout(function(){
    components();
},1000);

在里面$(document).ready()给出1000毫秒的延迟。

以上代码仅用于调试目的。您不应该使用它，而是尝试解决真正的问题，但它至少应该让您知道问题是不是加载dash-nav或其他问题。

编辑：为了澄清我在说什么，请参阅这个 jsfiddle 链接：http: //jsfiddle.net/kfdbz/3/

除非你取消注释：<div style="clear:both"></div>你会得到一个高度0

于 2012-10-08T16:21:46.197 回答