Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Aug 2013
    Tallinn, Estonia
    Thanked 0 Times in 0 Posts

    Problem with jQuery in responsive navigatsion

    Ok guys, you're my last hope, I can't figure this out. This is the web page: http://example.webweaver.ee/

    I decided to use MeanMenu plugin which should be really easy to implement. I'm doing everything that's been told:

    *I'm adding the jQuery library
    *I'm adding the CSS file
    *I'm adding the document.ready part...

    But it's not working. Is my targeting all wrong? I don't get it.

    This is the HTML of my navigation:

    <nav id="mainNav">
    <div class="container">
    <div class="sixteen columns">
    <li><a href="#">Esileht</a></li>
    <li><a href="#">Sisseastujale</a>
    <li><a href="#">Erialad</a></li>
    <li><a href="#">Vastuvõtt</a></li>
    <li><a href="#">Õppetöö</a></li>
    <li><a href="#">Õppijale</a>
    <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>
    <li><a href="#">Koolist</a>
    <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>
    <li><a href="#">Kontakt</a></li>
    <!--end sixteen columns nav-->
    <!--end container-->
    And this is how I've tried targeting it with jQuery:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
    <script src="jquery.meanmenu.js"></script>

    jQuery(document).ready(function () {
    jQuery('#mainNav .container div').meanmenu();
    What am I doing wrong? Please help me.

  2. #2
    Senior Coder xelawho's Avatar
    Join Date
    Nov 2010
    Thanked 601 Times in 597 Posts
    you might have to be a little more specific than "it's not working". What are you expecting to happen, and what is happening instead? Is it browser-specific, or does it happen everywhere? In Chrome it appears to work fine. In IE8 it seems that only the first item of the dropdown highlight on mouseover.

    Is that the problem?


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts