jQuery iris is not a function

Question

I am trying to implement color picker provided and Here is my libraries that i am including.

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

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script src="js/iris.min.js"></script>

and this is how i am implementing this code

 $(document).ready(function() {
       jQuery('#color-picker').iris(); 
});

this is how i have my input field

<input type="text" id='color-picker' value="#bada55" />

but i don't why i get this error

TypeError: jQuery(...).iris is not a function
jQuery('#color-picker').iris();

Answer 1

Seem like the path to your iris script is wrong which caused the browser cannot load the file. So you can check again to see if the path js/iris.min.js is correct.

You can check to see whether your file is loaded or not by going to network tab of either Firebug or Chrome developer tools. If it cannot load the URL which you've provided than you'll receive a 404 error not found in this tab.