这是我正在处理的网页:http ://example.webweaver.ee/ 。我正在尝试为导航实现MeanMenu插件。我正在做小教程告诉我的所有事情:我正在将 jQuery 添加到我的 HTML 中,我正在将 CSS 添加到 HTML 头部部分,我正在将 document.ready 添加到 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>
我是否以错误的方式定位我的导航,或者我做错了什么?