0
我試圖在我的導航欄上使用Bootstrap詞綴來固定頂部,一旦滾動到達它。控制檯有「無法讀取屬性」頂部的「未定義的錯誤」
HTML:
<div id="nav-wrapper">
<div class="container"><!--container-->
<div class="row" id="navigation"><!--header-->
<div class="col-md-12"><!--col-md-12-->
<div class="navbar" id="nav"><!--nav-->
<div class="menu-main-menu-container">
<ul id="menu-main-menu" class="menu">
<li><a href="http://endurancefilmsti.com/">Home</a></li>
<li><a href="http://endurancefilmsti.com/about-efti/">About EFTI</a></li>
<li><a href="http://endurancefilmsti.com/our-coaches/">Our Coaches</a></li>
<li><a href="http://endurancefilmsti.com/blog/">Blog</a></li>
<li><a href="http://endurancefilmsti.com/efti-forum/">EFTI Forum</a></li>
<li><a href="http://endurancefilmsti.com/contact-us/">Contact Us</a></li>
</ul>
</div>
</div><!--nav-->
</div><!--col-md-12-->
<div class="clearfix"></div>
</div><!--header-->
</div><!--container-->
</div>
JS:
$(function() {
$('#nav-wrapper').height($("#nav").height());
$('#nav').affix({
offset: { top: $('#nav').offset().top }
});
});
我已經爲我的CSS資產淨值的位置,所要求的引導文件。
#nav.affix {
position: fixed;
top: 0;
width: 100%;
}
#nav > .navbar-inner {
border-left: 0;
border-right: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
}
這意味着對'.offset()'的調用返回'undefined'。這反過來又意味着沒有找到id爲「導航」的元素。 – Pointy 2014-10-31 13:09:40
我將選擇器中的ID更改爲#nav,並且它仍然出現相同的錯誤。我的CSS樣式中肯定有#nav。 – Dimoff 2014-10-31 13:15:50
它是否在你的CSS中並不重要 - 重要的是在你的HTML中是否有一個帶有該id的元素。 (但是,我發現它顯然存在於您發佈的HTML中。)JavaScript代碼是否可能在創建頁面的那一部分之前運行? – Pointy 2014-10-31 13:17:16