我正在尝试在一个网站上实现Slicknav插件,但它似乎没有加载js,或者没有应用由它定义的所需操作。我已经准备了一个只包含nav的HTML码的LIVE DEMO,就像在SlickNav's website上指定的那样
在DEMO上添加的唯一内容是HTML码、运行nav的脚本片段以及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>发布于 2014-10-14 01:17:01
解决方案:在文件底部设置脚本
@Vitorino Fernandes:尝试在底部添加所有的js文件,比如view-source:http://slicknav.com/
https://stackoverflow.com/questions/26344978
复制相似问题