首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >SlickNav插件不应用Js

SlickNav插件不应用Js
EN

Stack Overflow用户
提问于 2014-10-14 00:48:45
回答 1查看 2.1K关注 0票数 2

我正在尝试在一个网站上实现Slicknav插件,但它似乎没有加载js,或者没有应用由它定义的所需操作。我已经准备了一个只包含nav的HTML码的LIVE DEMO,就像在SlickNav's website上指定的那样

DEMO上添加的唯一内容是HTML码、运行nav的脚本片段以及js和css文件,如编辑器网站上所指定的:

HTML

代码语言:javascript
复制
   <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文件上的脚本片段:

代码语言:javascript
复制
<script>
$('#menu2').slicknav({
    label: '',
    duration: 1000,
    easingOpen: "easeOutBounce", //available with jQuery UI
    prependTo:'#menu2'
});
</script>

Js和Css链接

代码语言:javascript
复制
<link rel="stylesheet" href="css/slicknav.css" />
<script src="js/jquery.slicknav.min.js"></script>
EN

回答 1

Stack Overflow用户

发布于 2014-10-14 01:17:01

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

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26344978

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档