javascript - SlickNav 插件不应用 Js

Question

我正在尝试在网站上实现 Slicknav 插件，但它似乎没有加载 js，或者没有应用它定义的所需操作。我准备了一个LIVE DEMO仅包含导航的 HTML 代码，如 SlickNav's website 中指定的那样

在 DEMO 上添加的唯一东西是 HTML 代码，其中运行导航的脚本片段，以及使其工作的 js 和 css 文件，如编辑网站上所指定:

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>

Answer 1

解决方法:在文件底部设置脚本

@Vitorino Fernandes:尝试在底部添加所有 js 文件，如 view-source: http://slicknav.com/