[Plugin: jQuery Colorbox] Version 4.3 is broken> Uncaught ReferenceError:Colorbox is not defined

all,
the plugin itself is working fine, I tested it on several WordPress installations with different themes.

If the Colorbox does not open or looks broken, it’s probably a JavaScript or CSS conflict with your theme or another plugin you are using.

Since both JavaScript and CSS files change in every version, it’s for example necessary to delete the cache if you use plugins like W3TC or other plugins or WP Super Cache or a CSS/JavaScript minifier or something like that.

Also make sure that you deleted your browser cache and test with different browsers.
Preferrably also test on different WordPress installations, with a different theme or different plugin combinations. The TwentyEleven theme that comes with WordPress 3.3 is a pretty good example for a well implemented theme.

Cheers,
Arne

also, make sure that you are not including an old version of the jQuery library.

For some reason it’s pretty popular to include jquery from the goople servers:
<script type=’text/javascript’ src=’https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2′></script&gt;

This is how the broken colorbox looks like in this case:
screenshot

WordPress brings along a pretty recent version of jQuery which is needed for the plugin to work.

@Ryde Style:
The Colorbox is broken because a very old version of the Colorbox library is included in your site. (see comment above).

WordPress 3.3.1 includes jQuery 1.7.1, and my plugin tries to load it.

Either your theme, or one of the other plugins override that with said old version.

Cheers,
Arne

@arne.
Thanks for all the help. Somebody else created this website, and I only did some small things.
I’m not familiar with jQeury. So could you please explain to me how to fix it.

Thanks again

BR
Jeff

Hi @arne!

The fix sure was the jquery version.

Found another bug while digging though…we use a cdn for our css/js/images/etc….When the JS for colorbox is on the cdn… ie: media.widgets.com… the color box cant load because it cant locate the files.

Is there something you can change?

Mike

Arne, Please have a look, I removed the themes loading of it but still no improvement. Can you make sure that I removed everything that needed to be or if there problem lies elsewhere. Thanks, captalan

Arne,

I am using the themeforest Avenue theme.

I have not found in the theme where it loads the following statement
<script type=’text/javascript’ src=’https://hi-mar.com/wp-content/themes/Avenue/js/colorbox/jquery.colorbox-min.js?ver=3.3.1′></script&gt;

However renaming the directory for now has fixed the problem.

Any thoughts on what I might look for. Have not found it in content searches yet. i.e. what would bring this in from your plugin

<script type=’text/javascript’ src=’https://hi-mar.com/wp-content/plugins/jquery-colorbox/js/jquery.colorbox-min.js?ver=1.3.19′></script&gt;

Arne,

I was able to remove line. After doing so I had to shift / refresh my gallery pages. I eventually just cleared my browser cache. All seems good now. Thanks for your help here.

Captalan

@ Arne,

If a disable the jQuery Colorbox plugin, some pictures load again. However, some still have the problem, and I can’t see them as a slideshow.

Could you please tell me what to do.
Thanks

BR
Jeff

@mlwmlw: thank you, saving the settings worked on my client’s site. Thanks to you, fix time was < 2 minutes ??

Anyone an idea how I can fix the jQuery Colorbox problem on this site…..cause I can still not see them as a slidewhow…

also had to downgrade to 4.2 the update broke my (file gallery) gallery page, no images showing and a broken theme when clicking on the thumbnail.