Hello and welcome to our community! Is this your first visit?
Register
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
    Location
    Tallinn, Estonia
    Posts
    4
    Thanks
    1
    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">
    <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>
    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>

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

  • #2
    Senior Coder xelawho's Avatar
    Join Date
    Nov 2010
    Posts
    2,901
    Thanks
    56
    Thanked 543 Times in 540 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
    •