Search code examples
jqueryhtmlcsscolorbox

jQuery and Colorbox "Is Not A Function"

I've been working on integrating Colorbox (a lightbox alternative) into a site.

Ok, so my head file is:

<head>
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<link type="text/css" media="screen" rel="stylesheet" href="../colorbox/colorbox.css" />
<script type="text/javascript" src="../colorbox/jquery.colorbox.js"></script>
<script type="text/javascript">
    function saveToBook() { 
        $.fn.colorbox({inline:false, href:'../index.html'}); 
    };
</script>
</head>

My Link is as follows:

<a href="#save-to-book" onclick="javascript:parent.saveToBook();return false;" class="recipe-links">Save to Cookbook</a>

The only output I recieve (from FireBug) is:

$.fn.colorbox is not a function
Solution

  • Hey, sorry for wasting peoples time - I had been running this on my local machine.

    I just decided to upload it to a beta server and it all functions fine, obviously didn't like my path names :)

    Thanks @NickCraver for giving it a shot, and cheers @PetersenDidlt