2013-08-05 105 views
3

當我調整我的網頁,我得到的肘頂欄的文本,但是當我點擊它不顯示菜單。問題與基礎肘頂欄zurb

這是我的代碼:

這是包括我做(我用笨的同時和文件以及包括):

<!-- CSS FILES --> 
    <link rel="stylesheet" href="<?php print base_url("assets/css"); ?>/header.css"> 
    <link rel="stylesheet" href="<?php print base_url("assets/css"); ?>/app.css"> 
    <link rel="stylesheet" href="<?php print base_url("assets/css"); ?>/content.css"> 


    <!-- JS FILES --> 
    <script src="<?php print base_url("assets/plugin/foundation/js/vendor/"); ?>/custom.modernizr.js"></script> 

這是我頂吧:

</head> 
<body> 
<div class="fixed"> 
    <nav class="top-bar"> 
     <ul class="title-area"> 
     <li class="name"> 
      <a href="<?php site_url(); ?>"><img src="<?php print base_url("/assets/img"); ?>/logo_header.png" class="logo_header"></a> 
     </li> 
     <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li> 
    </ul> 

    <section class="top-bar-section"> 
    <!-- Right Nav Section --> 
     <ul class="right"> 
      <li><a href="#"><img src="<?php print base_url("/assets/img"); ?>/connexion_button.png"></a></li> 
      <li><a href="#"><img src="<?php print base_url("/assets/img"); ?>/register_button.png" class="header_button"></a></li> 
     </ul> 
    </section> 
</nav> 
</div> 
</body> 
</html> 

我使用Foundation Zurb 4.3.1。我在哪裏錯了?

+0

什麼提琴? http://jsfiddle.net/ –

+0

您是否包含foundation.css? – Godzilla

+0

我們也經歷過這種情況。在我們的案例中,大部分時間只是刷新頁面。看起來瀏覽器不是通過調整窗口大小來「刷新」的。 – Brett

回答

0

到底是同樣的問題與我,以下是幫助我的步驟解決問題:

  1. Re-Downloaded updated Complete Foundation
  2. 包含我之前缺少的html元(視口)標籤。
  3. 我包括我的網頁這樣的文件:

    <link rel="stylesheet" href="/css/foundation/foundation.css"/>
    <link rel="stylesheet" href="/css/foundation/app.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <script src="/js/jquery-1.11.2.min.js"></script>
    <script src="/js/foundation/foundation.js"></script>
    <script src="/js/foundation/foundation.topbar.js"></script>

  4. 調用基金會本功能離子jQuery中,而不是JS如下:
    <script>
    $(document).ready(function() {
    $(document).foundation();
    });
    </script>

+1

感謝您的反饋,我編輯了我的答案,提到了幫助我解決問題的步驟,希望它也能幫助其他人。 – adi