基础zurb中的toggle-topbar问题
Posted
技术标签:
【中文标题】基础zurb中的toggle-topbar问题【英文标题】：Issue with toggle-topbar in foundation zurb 【发布时间】：2013-08-06 06:29:06 【问题描述】：当我调整我的页面大小时，我得到了切换顶栏文本，但是当我点击它时它不显示菜单。
这是我的代码：
这是我做的包含（我同时使用 CodeIgniter 并且文件被很好地包含）：
<!-- 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。我哪里错了？
【问题讨论】：
小提琴怎么样？ jsfiddle.net 你是否包含了foundation.css？ 我们也经历过这种情况。在我们的例子中，大部分时间只需刷新页面即可。似乎浏览器并没有通过调整窗口大小来“刷新”。 【参考方案1】：与我的问题完全相同，以下是帮助我解决问题的步骤：
-
Re-Downloaded updated Complete Foundation。
包含我之前遗漏的 html 元（视口）标签。
我以这种方式将文件包含在我的页面中：
<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>
在 jquery 而不是 js 中调用 Foundation 函数如下：<script>$(document).ready(function() $(document).foundation(););</script>
【讨论】：
感谢您的反馈，我通过提及帮助我解决问题的步骤来编辑我的答案，希望它也能帮助其他人。以上是关于基础zurb中的toggle-topbar问题的主要内容，如果未能解决你的问题，请参考以下文章