jQuery Error: xxx is Not a Function

Question

This has been driving me crazy. I keep receiving "TypeError: $(".yoxview").yoxview is not a function".

Any clue what is wrong with my formatting or logic?

<script type="text/javascript">
 $(document).ready(function () {
 $('.yoxview').yoxview({
 skin: "top_menu",
 dataUrl: "http://www.youtube.com/results?search_query=decemberists&aq=f",
 thumbnailsOptions: {
 setTitles: true,
 thumbnailsClass: "thumbnail"
 }
 });
 });
 </script>

• Explosion Pills: Most likely the .yoxview plugin is not properly loaded when you call it.
• John Dvorak: What makes you think $(...).yoxview should be defined?
• John Dvorak: Oooh... this yoxview, right?
• the sandman: @ExplosionPills: I didn't think of that. So it may not be my logic, it may be the fact the issue is happening prior to this being loaded and the yoxview not existing.
• the sandman: @JanDvorak: Correct Sir. Been trying to get it to work and have been pulling my hair out.

Answer 1

Most likely the .yoxview plugin is not properly loaded when you call it.

Make sure that you are including the appropriate script before you attempt to call it, for example:

<script src="yoxview.js"></script>
<script>
 $("#elem").yoxview();
</script>

Answer 2

Are you using any other libraries in your code, ie. Prototype? If so, the "$" will clash. do.

 jQuery(document).ready(function ($) {
 $('.yoxview').yoxview({
 skin: "top_menu",
 dataUrl: "http://www.youtube.com/results?search_query=decemberists&aq=f",
 thumbnailsOptions: {
 setTitles: true,
 thumbnailsClass: "thumbnail"
 }
 });
 });

Also, instead of using '.yoxview' trying assigning an ID to that same element and using:

$('#yournewID').yoxview