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/

SlickNav插件没有应用Js

1 个答案: