"Uncaught ReferenceError: jquery is not defined" - scroll down menu

Question

"Uncaught ReferenceError: jquery is not defined"

I'm trying to setup a page scroll-down

here's the jquery:

 <script src="js/jquery.min.js"></script>
 <script src="js/jquery.scrollTo.js"></script>
 <script>

 (function ($){

 $('navbar').on('click', 'li.a', function () {
 var $clickedAnchor = $(this),
$panelToScrollTo = $('#' + $clickedAnchor.data('loc'));
$panelToScrollTo.scrollTo();
});

}(jquery));

 </script>

Here's the menu:

 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav navbar-right">
    <li><a href="#" data-loc="#">Home</a></li>
    <li><a href="#" data-loc="dg">Services</a></li>
    <li><a href="#" data-loc="bg">Features</a></li>
    <li><a href="#" data-loc="tm">Team</a></li>
    <li><a href="#" data-loc="fun">Plans</a></li>
    <li><a href="#" data-loc="contact-form">Contact</a></li>
    </ul>
    </li>
  </ul>
</div>

thanks in advance for your help

change `jquery` to `jQuery` – Amit Joki Nov 10 '14 at 14:59 — Amit Joki, Nov 10 '14 at 14:59

score 1 · Answer 1 · answered Nov 10 '14 at 15:00

1

You have a case sensitive issue replace jquery by jQuery in the last line of your script.

answered Nov 10 '14 at 15:00

ianaya89

3,882
3
23
33

thanks, no more error. Unfortunately scroll down still doesn't work – t3ofil3 Nov 10 '14 at 15:04
Try checking out this http://stackoverflow.com/questions/6677035/jquery-scroll-to-element – ianaya89 Nov 10 '14 at 15:07

score 0 · Answer 2 · answered Nov 10 '14 at 15:01

0

Change:

}(jquery));

To:

}(jQuery));

answered Nov 10 '14 at 15:01

PeterKA

21,234
4
21
44

"Uncaught ReferenceError: jquery is not defined" - scroll down menu

2 Answers2