2014-02-22 76 views
2

我在靜態網站上使用Foundation 5。我使用了Foundation提供的索引頁面作爲我的出發點,它在關閉body標籤之前引入了jQuery和所有Foundation JS。我自己沒有修改或添加任何Javascript。基金會5 - 下拉按鈕打開但不關閉

我的下拉按鈕可以正確打開,但如果第二次點擊(或點按)它不會關閉。只有在菜單按鈕之外單擊(或點按),或者如果從菜單中單擊鏈接,它纔會關閉。我的筆記本電腦,iPhone和Android平板電腦上的瀏覽器行爲相同。

當我訪問 Foundation's documentation,時,示例按鈕按預期切換。我試着將他們的示例代碼複製並粘貼到我的網頁中,但是它並沒有切換。

我試過在Foundation的論壇上詢問,但我收到的一個答案沒有幫助。不過,我的代碼和截圖仍然是 there,。還有一個似乎有同樣問題的人的新帖子。

,我看到一對夫婦被通知的結束標記之前添加此初始化基金會JS文章:

<script> 
    $(document).foundation(); 
</script> 

我給它一個鏡頭,但它並沒有改變行爲。

+0

我在Foundation 4中遇到了這個問題,並且必須構建一個解決方法,以便在點擊鏈接時關閉菜單。我設法做到了這一點,但現在我已經更新到Foundation 5,並且正在努力想出一個解決方案。 –

回答

0

發現這一點,它似乎是爲我工作...

$(function() { 
    $('li.has-dropdown a:not(.no-ajaxy)').click(function(evt) { 
     $('.toggle-topbar').click(); 
    }); 
}); 

注:的 「:沒有(。沒有-ajaxy)」 部分是具體到我的實現。我默認所有鏈接ajax,並將no-ajaxy類應用於單擊時不會導致ajax調用的鏈接。在基金會的頂級欄下拉菜單中,這將包括導致另一個下拉菜單的鏈接。