Zurb基金會頂欄菜單不適用於移動展示

Question

我在Wordpress網站上使用Zurb Foundation框架。我遇到的問題是響應式頂級欄。當它進入移動模式時，菜單不起作用。它不會在點擊時下降。我已經下載了他們的html模板，完全複製了代碼，但仍然無法使用。

有誰知道如何解決它。

Answer 1

我不認爲您包含TopBar組件所需的JavaScript。我在你的代碼中找不到它。

無論是參考foundation.min.js或jquery.foundation.topbar.js

然後，你必須用

$(document).foundationTopBar() 

Answer 2

隨着zurb-基礎-4.0.9，你需要這行添加到您的html代碼初始化菜單：

<script type="text/javascript" src="javascripts/vendor/custom.modernizr.js"></script> 

Answer 3

嘗試在DOM Ready上加載基礎。

$(function() { 
    $(document).foundation(); 
}); 

Answer 4

嘗試刪除該部分，然後測試它。我有我的網站在基礎3上運行，頂部欄正在工作。我之前有過這個問題。在將html主題轉換爲wordpress主題時，不要包含app.js。

刪除此

<script type="text/javascript" src="http://pinetowncpf.co.za/wp-content/themes/PinetownCPF/js/app.js"></script> 

然後測試

問候埃裏克