Question

我的代码在这里：

http://ivanabilic.mixture.io/nnb/

当低于940像素时，顶部栏会调整到下拉列表，但切换在此时不起作用。我初始化页脚中的topbar脚本，但我不知道如何解决这个问题。我认为这是我的CSS的一个问题，但不知道如何。

帮助？谢谢！

编辑：这是具体的导航条代码：

    <div class="nav-background">
    <div class="row" id="top">
            <div class="twelve columns">
                    <nav class="top-bar">
                            <ul>
                            <li class="name"><h1><a href="#"><img src="{{ "public/images/logo.png" | root_asset }}" alt="PlusDigital"></a></h1></li>
                            <li class="toggle-topbar"><a href="#"></a></li>
                            </ul>
                            <section>
                            <ul class="right">
                            <li class="active"><a class="home" href="#">
                            <img class="home-icon" src="{{ "public/images/home-icon.png" | root_asset }}" alt="Home"></a></li>
                            <li><a href="#">Web Solutions</a></li>
                            <li><a href="#">Plans &amp; Pricing</a></li>
                            <li><a href="#">Agency Services</a></li>
                            <li><a href="#">Portfolio</a></li>
                            <li><a href="#">Contact</a></li>
                            </ul>
                            </section>
                    </nav>
            </div>
    </div>
    </div>

这是Javascript的初始化：

    <script src="/public/scripts/jquery.foundation.topbar.min.js"></script>
    <script type="text/javascript">$(document).foundationTopBar();</script>

Answer 1

我认为问题来自您遇到的资源错误：

Failed to load resource: the server responded with a status of 403 (Forbidden) 
 https://s3.amazonaws.com/mixture-projects/1286/nnb/public/styles/app.css
Failed to load resource: the server responded with a status of 403 (Forbidden)  
 https://s3.amazonaws.com/mixture-projects/1286/nnb/public/scripts/app.js

据我所知，你也需要这两个。查看链接是否正确和/或这是否是正确的服务器。

修改根据{{3}}

我们所有的插件和必要的Javascript，使基金会正常工作。这里最重要的文件是app.js，用于初始化您可能想要使用的各种插件。

您可以在页面下方找到建议的HTML标记结构示例。

基础顶部栏切换不起作用

1 个答案: