jQuery не работает над отзывчивым меню

Question

Это веб-страница, над которой я работаю: 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> 

Могу ли я настроить навигацию неправильно или что я делаю неправильно?

Answer 1

Похоже, что ваша страница пытается вытащить http://example.webweaver.ee/jquery.meanmenu.js, но этого файла не существует. Вам нужно обновить эту ссылку. Кроме того, файл css не существует.

Обязательно начинайте играть с инструментами разработчика, такими как Firebug или Chrome Dev Tools. Они - благословения!