Welcome Guest, Not a member yet? Register   Sign In
jQuery Thickbox working on Safari only

Hi there
Hope to get help here solving my jQuery problem.

For this project I'm working with CodeIgniter. There's a photo gallery which I wanted to get work with jQuery's Thickbox plugin. The gallery index is placed here:

It works fine with Safari (Mac and Win) and Opera (Mac and Win). But it doesn't work with Firefox or IE. I've tested the demos of the plugin with these browsers, the plugin should be okay. I don't know what I made wrong. Anyone got an idea or knows this problem?


One thing, is your link to the file might be wrong yeah?
You also have a dead script area with nothing in it:

script type="text/javascript" src="/scripts/jquery.js"
script type="text/javascript" src="/scripts/jquery_thickbox.js"
script type="text/javascript"

I assume your using codeigniter if your posting on here, why not use baseurl in the script source?
script type="text/javascript" src="<?=base_url()?>scripts/jquery.js"

I would fix this first, then see what happens.

Yes, I'm using codeigniter. I didn't use base_url because it isn't really short, I always found '/…' for reaching the public root more practical. Anyway I changed it to base_url(). I also putted away the empty javascript area.

Safari is still working well, but Firefox now displays no site content. That's really crazy…

Ok one thing, go ahead and do the base_url to all your links, style sheets, etc. Im viewing the source in the web developer toolbar in FF, and the source kinda goes to black solid coloring (looses color formating) right after your first script call. Something might be happening there. You haven't change anything on the JS have you? As well, not sure this wil help, but my first two lines for DOC type are usually:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
&lt;html lang="en-US" dir="ltr" &gt;

I recognized the loosing of the code's color formating, too. I haven't changed the javascript files. I have no idea what causes this change of color.

I tried your doctype, that wasn't the problem.


You still need to try base_url on all your style sheets and everything first.
Then when we see if its properly loading everything we can go from there.

&lt;link rel="stylesheet" href="/scripts/print.css" type="text/css" media="print" /&gt;
&lt;link rel="stylesheet" href="/scripts/thickbox.css" type="text/css" media="screen" /&gt;
&lt;link rel="stylesheet" href="/scripts/screen.css" type="text/css" media="screen" /&gt;

update that, then try again with same doc type, etc.

Theme © iAndrew 2016 - Forum software by © MyBB