这是我正在处理的网页:http://example.webweaver.ee/。我正在尝试为导航实施MeanMenu插件。我正在做一些小教程告诉我的事情:我将jQuery添加到我的HTML中,我将CSS添加到HTML头部分,我正在添加文档。准备好HTML
但事情不起作用......
这是导航的HTML:
<nav id="mainNav">
<div class="container">
<div class="sixteen columns">
<ul>
<li><a href="#">Esileht</a></li>
<li><a href="#">Sisseastujale</a>
<ul>
<li><a href="#">Erialad</a></li>
<li><a href="#">Vastuvõtt</a></li>
<li><a href="#">Õppetöö</a></li>
</ul>
</li>
<li><a href="#">Õppijale</a>
<ul>
<li><a href="#">Tunniplaan</a></li>
<li><a href="#">E-õppe keskkond</a></li>
<li><a href="#">Õppekavad</a></li>
<li><a href="#">Õppekorralduseeskiri</a></li>
<li><a href="#">Õpilase meelespea</a></li>
<li><a href="#">Festivalid ja konkursid</a></li>
<li><a href="#">Edasiõppimine</a></li>
</ul>
</li>
<li><a href="#">Koolist</a>
<ul>
<li><a href="#">Uudised</a></li>
<li><a href="#">Üritused</a></li>
<li><a href="#">Meie inimesed</a></li>
<li><a href="#">Meie kollektiivid</a></li>
<li><a href="#">Vilistlased</a></li>
<li><a href="#">Meie saavutused</a></li>
<li><a href="#">Galerii</a></li>
<li><a href="#">Põhikiri ja põhimäärus</a></li>
<li><a href="#">Ajalugu</a></li>
<li><a href="#">Koostööpartnerid</a></li>
</ul>
</li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
<!--end sixteen columns nav-->
</div>
<!--end container-->
</nav>
这是jQuery:
<script src="jquery.meanmenu.js"></script>
<script>
jQuery(document).ready(function () {
jQuery('#mainNav .container div').meanmenu();
});
</script>
我是以错误的方式定位导航,还是我做错了什么?
答案 0 :(得分:0)
您的网页似乎试图引入http://example.webweaver.ee/jquery.meanmenu.js,但该文件不存在。您需要更新该链接。此外,css文件不存在。
您绝对应该开始使用Firebug或Chrome Dev Tools等开发人员工具。他们是祝福!