2

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

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

1 回答 1

1

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

@Vitorino Fernandes：尝试在底部添加所有 js 文件，例如查看源代码：http ://slicknav.com/

于 2014-10-13T17:17:00.917 回答