我正在尝试在网站上实现 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>
最佳答案
解决方法:在文件底部设置脚本
@Vitorino Fernandes:尝试在底部添加所有 js 文件,如 view-source: http://slicknav.com/
关于javascript - SlickNav 插件不应用 Js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26344978/