2013-06-21 72 views
0

我不能完全肯定這是怎麼回事,但任何人與框架的經驗也許能幫助這裏的頁面: http://broadcasted.tv/testdesign.php基金會4頂欄下拉列表中沒有落下

這是代碼(似乎根據本http://foundation.zurb.com/docs/components/top-bar.html)會好起來的:

<li class="has-dropdown"> 
     <a href="#">Main Item 3</a> 

     <ul class="dropdown"> 
     <li class="has-dropdown"><a href="#">Dropdown Level 1a</a> 


     </li> 

     </ul> 
    </li> 

任何人都可以告訴我是什麼問題?

+0

你有沒有鏈接必要的js文件? –

+0

我添加了'jQuery(document).foundation('orbit',{ timer_speed:3000 });'並且它打破了頂欄。不使用寶石。通過相同的方法調用下拉列表也不起作用。 –

回答

1

您需要鏈接JavaScript的

確保你已經鏈接了jQuery,基礎javascript文件,和app.js等

0

只需更新您的js文件。 每當你更新你的寶石也需要更新你的js文件。

2

大聲笑!我遇到了同樣的問題。添加了Lib,並檢查了一切。然後我意識到我沒有初始化頁面上的基礎。我有軌道滑塊和下拉頁面,所以不得不初始化兩者。 $(document).foundation('dropdown'); $(document).foundation('orbit');您可以使用 $(document).foundation();來初始化所有內容。 但我更喜歡微操我的代碼:)

希望得到這個幫助。

+0

一直在閱讀文檔並使用CSS一個星期,並剛剛下降...不知怎的,我整個過程中,甚至從來沒有意識到我需要啓動(甚至包括這個問題)的JS。我只使用他們的CSS,一切都很好,直到現在大聲笑。無論如何,謝謝你的提示! – Seaux

0

我試過@ talha的建議,但沒有奏效。 我正在使用Foundation 5並使用下面的代碼幫助我。試試看:

<script> 
$(document).foundation('topbar'); 
    $(document).foundation('orbit',{ 
    //orbit options 
    }); 
</script>