2013-08-05 46 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