0

私のコードはここにあります：

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

940px 未満の場合、上部のバーはドロップダウンに調整されますが、その時点ではトグルは機能しません。フッターのトップバー スクリプトを初期化しましたが、これを修正する方法がわかりません。私のCSSに問題があると思いますが、その方法がわかりません。

ヘルプ？ありがとう！

編集:これは具体的にはnavbarコードです:

    <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>
4

1 に答える 1

0

問題はあなたが持っている失敗したリソースエラーから来ていると思います：

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

私の知る限り、これら2つも必要です。リンクが正しいかどうか、および/またはこれが正しいサーバーであるかどうかを確認してください。

編集：財団のドキュメント によると

Foundationを正しく機能させるために必要なすべてのプラグインと必要なJavascript。ここで最も重要なファイルはですapp.js。これは、使用する可能性のあるさまざまなプラグインを初期化するために使用されます。

提案されたHTMLマークアップ構造の例は、ページのさらに下にあります。

于 2013-01-20T13:13:07.513 に答える