2

Web サイトに Slicknav プラグインを実装しようとしていますが、js が読み込まれていないか、それによって定義された必要なアクションが適用されていないようです。SlickNav の Web サイトで指定されているように、ナビゲーションの HTML コードのみを使用してライブデモを用意しました。

デモに追加されているのは、HTML コード、nav を実行するためのスクリプト、それを動作させるための js および css ファイルのみです。編集者の Web サイトで指定されています。

HTML

   <ul id="menu2">
    <li>Parent 1
        <ul>
            <li><a href="#">item 3</a></li>
            <li>Parent 3
                <ul>
                    <li><a href="#">item 8</a></li>
                    <li><a href="#">item 9</a></li>
                    <li><a href="#">item 10</a></li>
                </ul>
            </li>
            <li><a href="#">item 4</a></li>
        </ul>
    </li>
    <li><a href="#">item 1</a></li>
    <li>non-link item</li>
    <li>Parent 2
        <ul>
            <li><a href="#">item 5</a></li>
            <li><a href="#">item 6</a></li>
            <li><a href="#">item 7</a></li>
        </ul>
    </li>
</ul>

html ファイルのスクリプト部分:

<script>
$('#menu2').slicknav({
    label: '',
    duration: 1000,
    easingOpen: "easeOutBounce", //available with jQuery UI
    prependTo:'#menu2'
});
</script>

Js と Css のリンク

<link rel="stylesheet" href="css/slicknav.css" />
<script src="js/jquery.slicknav.min.js"></script>
4

1 に答える 1

1

解決策: ファイルの末尾にスクリプトを設定する

@Vitorino Fernandes: view-source のように、すべての js ファイルを一番下に追加してみてください: http://slicknav.com/

于 2014-10-13T17:17:00.917 に答える