JQuery and Colorbox loaded but “colorbox is not a function”

Question

I have checked to see if both jQuery is loaded and the colorbox script is loaded and they both have been loaded correctly (I used .getScript to see if colorbox loaded correctly

Answer 1

I had the same error appears in Chrome browser.

In case the solution above didn't helped, #MannyFleurmond solution helped in my case. Try warp the colorbox js call with function($):

 (function($) {
   // Inside of this function, $() will work as an alias for jQuery()
   // and other libraries also using $ will not be accessible under this shortcut
 })(jQuery);

So my ColorBox call look like this:

 (function ($) {
        $('#myelement').click(function (e) {
            e.preventDefault();
            var url = $(this).attr('href');
            $.colorbox({ href: url, width: 936, height: 582, top: 160});

        });
    })(jQuery);