jQuery没有处理响应式菜单

时间:2013-09-01 22:37:26

标签: jquery html css

这是我正在处理的网页: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>

我是以错误的方式定位导航,还是我做错了什么?

1 个答案:

答案 0 :(得分:0)

您的网页似乎试图引入http://example.webweaver.ee/jquery.meanmenu.js,但该文件不存在。您需要更新该链接。此外,css文件不存在。

您绝对应该开始使用Firebug或Chrome Dev Tools等开发人员工具。他们是祝福!