March 31, 2011 at 9:36 pm #3708
I’m trying to add tabs to a page that utilize jQuery. However, the tabs do not work unless I remove the reference to the prettyPhoto.js file in the header. I have tried all day to figure out how to remove the conflict but am having no luck. Can you tell me why prettyPhoto.js would create a conflict with tabs?
Also, if I remove the reference to the prettyPhoto.js file, the arrow that slides under the menu disappears. Why would the menu navigation have anything to do with prettyPhoto?
Here’s a link to the page: http://pixellogix.net/siproutes/test.htmlMarch 31, 2011 at 9:37 pm #43398
I forgot to mention that I’m using the HTML version of the template, not WordPress. Thanks!April 1, 2011 at 6:35 am #43399
download the latest version of prettyphoto here: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ and replace the old prettyphoto files in the theme folder with the new one. The old files aren’t compatible with jquery 1.5+ anymore.April 2, 2011 at 5:11 pm #43400
Dude, first of all thank you so much for your time and help. I downloaded the latest prettyphoto file and replaced the old one with it. However, there was no change. The jQuery tabs still do not function unless I remove the call to the prettyphoto script in my header section. Any other thoughts on what I can do. I’ve tried several tab scripts but can’t get them to work with prettyphoot.
Below are the scripts I’m calling in my header section. I have tried removing them one-by-one several times to determine where the conflict is and it always comes back to prettyphoto.
try to remove this line:
It cause jquery to load a second time…April 3, 2011 at 8:14 pm #43402
That didn’t work either. The jQuery tabs still do not work unless I remove the prettyPhoto call. You should be able to see my source code if you go to the page I mentioned in the initial post. I have even completely stripped the page down and have added pieces one-by-one. Everything is fine until I combine prettyPhoto with the tabs. I’m completely baffled!
Thanks again for your help!April 3, 2011 at 8:24 pm #43403
Firebug gives me an error because of this code line:
I couldn’t find the tabs div id, only an ul with a class “tabs”. Try to change the line above to:
Another thing you can try is to replace the “$” signs with “jQuery”.April 3, 2011 at 8:34 pm #43404
I tried both but still got errors. When I change #tabs to .tabs I get a b is undefined error. When I replace the $ with jQuery I get #tabs is undefined. Oh what a tangled web I have spun!April 4, 2011 at 3:39 pm #43405
I decided to search the web for an alternative tab solution that would not conflict with prettyphoto and finally found one. Thanks again for your time and help!April 6, 2011 at 4:53 am #43406
The topic ‘jQuery Conflict’ is closed to new replies.