Jquery 导航大小有时会加载到整个页面的大小

我正在使用一个名为MagicLine的模板（不允许我发布链接，所以把它扔到谷歌上，你会很容易找到它。对不起）

问题示例可在此处找到：

问题摘要： 使用此模板构建我的导航。在Opera的评论中发布了一个修复程序，看起来很有效，而且在大多数情况下，导航看起来很棒。然而，似乎存在一个问题，导航大小（被javascript卡住）会在整个屏幕上自行调整大小。这在Chrome中经常出现，我通常只有在Firefox中刷新了很多之后才能看到它。一旦你点击一个导航项目，它似乎总是保持小

代码详细信息：

Javascript

$magicLineTwo
        //The next line is what sets the width, sometimes my width is set to 1800px as opposed to the 60px that is correct. This does not happen every time which is why this problem is so difficult to solve.
        .width($(".current_page_item_two").width())
        .height($mainNav2.height())
        .css("left", $(".current_page_item_two a").position().left)
        .data("origLeft", $(".current_page_item_two a").position().left)
        .data("origWidth", $magicLineTwo.width())
        .data("origColor", $(".current_page_item_two a").attr("rel"));

CSS

这里的宽度是一个预设值，实际上并不重要，如果您将其更改为微小，它可以产生效果，但在大多数情况下，只要将其设置为某个值，javascript就会对其进行适当调整

  #example-two #magic-line-two { 
     position: absolute;
     float: none;
     top: 0; left:
     0; width:100px;
     background: #000;
     opacity:0.4;
     filter: alpha(opacity = 40);
     z-index: 100;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px; 
    }

HTML

是以列表格式设置的，实际上没有什么特别的东西会影响调整大小

如果有人知道为什么导航会在大多数时间正确调整大小，而在其他时间会崩溃，我会非常感激。我似乎有一个nack使代码崩溃，但只有10%的时间

谢谢

$mainNav2.height（）

就是问题所在，因为

ul

的

行高度
为
60px
，因此遮光罩也会获得可用的高度

另外，在我的屏幕上，这条
#魔线2的宽度是1207，它似乎是采用屏幕大小而不是
ul

另外，
\example two#magic line two{}
毫无意义，因为
\magic line two
应该是唯一的：）
你在firefox中尝试过这个页面吗？或者点击链接？线路高度为120px。我已经尝试完全删除line height属性，当导航栏断开时，它仍然会跳到120px高度。我的主要问题是，它在大多数情况下都会获取正确的值，而我无法找出其他值的来源。120px高并没有在任何地方列出1900px宽（显示器宽度很明显）是有意义的，除了它几乎每次加载时都会抓住正确的宽度。我不明白为什么它会抓住显示器的宽度。修正了CSS的建议。