基金會5.0.3剛剛下載，頂級酒吧粘不工作

Question

我正在升級現有的基礎3應用到新的基礎5.

我對JS罰款加載：<script src="js/foundation/foundation.topbar.js"></script>

但我在滾動看到此錯誤：TypeError: this.settings.sticky_topbar is undefined

我三重檢查說我用v 5.0.3直客Zurb網站，我的標記是非常簡單的：

<nav class="top-bar sticky" data-topbar=""> 
    <!-- Title --> 
    <ul class="title-area"> 
    <li class="name"><h1><a href="#">Sexy Top Bar</a></h1></li> 

    <!-- Mobile Menu Toggle --> 
    <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li> 
    </ul> 

    <!-- Top Bar Section --> 
    <section class="top-bar-section"> 

    <!-- Top Bar Left Nav Elements --> 
    <ul class="left"> 

     <!-- Search | has-form wrapper --> 
     <li class="has-form"> 
     <div class="row collapse"> 
      <div class="large-8 small-9 columns"> 
      <input placeholder="Find Stuff" type="text"> 
      </div> 
      <div class="large-4 small-3 columns"> 
      <a href="#" class="alert button expand">Search</a> 
      </div> 
     </div> 
     </li> 

    </ul> 

    </section> 
</nav> 

任何想法將非常感激！我知道這種行爲以前被報告爲早期版本中的錯誤，但是我可以在網上找到的所有東西都說5.0.3應該可以正常工作嗎？

感謝

- 詹姆斯

Answer 1

通過foundation.topbar.js看完後，我看到只有topbarContainer具有「粘性」級將導致分配self.settings.sticky_topbar。

因此，在導航上添加div.sticky可以修復所有問題。這裏是我的新標記，如果有人關心看到它：

<div class="sticky"> 
    <nav class="top-bar" data-topbar> 
    <!-- Title --> 
    <ul class="title-area"> 
     <li class="name"><h1><a href="#">Sexy Top Bar</a></h1></li> 

     <!-- Mobile Menu Toggle --> 
     <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li> 
    </ul> 

    <!-- Top Bar Section --> 
    <section class="top-bar-section"> 

     <!-- Top Bar Left Nav Elements --> 
     <ul class="left"> 

     <!-- Search | has-form wrapper --> 
     <li class="has-form"> 
      <div class="row collapse"> 
      <div class="large-8 small-9 columns"> 
       <input placeholder="Find Stuff" type="text"> 
      </div> 
      <div class="large-4 small-3 columns"> 
       <a href="#" class="alert button expand">Search</a> 
      </div> 
      </div> 
     </li> 

     </ul> 

    </section> 
    </nav> 
</div> 

通常Zurb是如此令人敬畏的在線文檔。我希望在那裏有一個粘性頂級酒吧的例子。

謝謝！

-James