'Uncaught TypeError: r is not a function

I've definitely linked to the jQuery UI javascript and CSS files correctly - when I view the page source, they're all there. Why am I still getting this error?

<script src="Js/nivo-slider/jquery.nivo.slider.js"></script>
<script src="Js/nivo-slider/jquery.nivo.slider.pack.js"></script>

<script src="Js/effects.js" type="text/javascript"></script>
<script src="JQuery/custom.js"></script>
<link href="Css/nivo-slider.css" rel="stylesheet" />
<script src="Js/jquery.isotope.min.js"></script>
jquery


Solution 1:[1]

You have to load dependencies first. It looks like the first script you are loading is a jQuery plugin, which depends on jQuery to work. So therefore, jQuery should be loaded before that plugin. Order matters.

Solution 2:[2]

When you click on your javascript files links like <script src="Js/nivo-slider/jquery.nivo.slider.js"></script>, does the file appear in browser ? Maybe there is a typo in your filenames or you forgot a subdirectory ?

In other words, make sure your js files are reachable

Solution 3:[3]

I think the problem would be solved if you use a newer version of Jquery

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Vince
Solution 2 Hakim
Solution 3 Ammar Ismaeel

Related Questions