WordPress.org

1. Alexstl82
   Member
   Posted 11 months ago #

   I recently noticed that my jQuery enabled tabs (ui.tabs.js) are only working correctly in Firefox, but not IE, Chrome or Safari. However, in IE compatibility mode they do work.

   My domain is http://www.naturalcosmeticnews.com

   The tabs are all being displayed at once on the homepage and sidebar, vertically, one below the next. I am not sure what is causing the conflict. I recently added two new plugins, updated to the newest version of WP, and made some minor HTML and CSS changes. I tried deactivating the plugins and testing, but the problem still persisted.

   My site is running both Prototype and jQuery, so potentially that could be causing the problem. I am not sure if it is a jQuery conflict or some sort of browser compatibility issue. Does anyone have any solutions to fix the problem?

   Thanks.

2. Curtiss Grymala
   Member
   Posted 11 months ago #

   It looks like there are JavaScript errors in control.tabs.2.1.1.js. Did you modify that file in any way before you used it?

   For one thing, I'm pretty sure that line 44 is missing a closing parens at the end of the typeof() function (which might mean that there is an extra closing parens somewhere else around there).

   An error is being generated about line 45 of that file, but I can't say for certain whether that's a result of the missing parens on line 44 or if it's a unique error.

3. Alexstl82
   Member
   Posted 11 months ago #

   Thanks Curtiss. I actually never modified that file, but that does appear to be where the problem is occurring. I tried adding an extra closing parentheses at the end of line 44, but that actually made the problem appear on Firefox too, just like on the other browsers.

   Any suggestions on where to add the ')' or alter the code. Here is how lines 44-48 look now:

   (typeof(this.options.linkSelector == 'string')
   			? $(tab_list_container).getElementsBySelector(this.options.linkSelector)
   			: this.options.linkSelector($(tab_list_container))
   		).findAll(function(link){
   			return (/^#/).exec(link.href.replace(window.location.href.split('#')[0],''));

4. kmessinger
   Member
   Posted 11 months ago #

   Everything looks the same to me in Chrome, FF4, IE 7, 8 and 9.

5. Alexstl82
   Member
   Posted 11 months ago #

   I am running FF 3.6. I am going to update to the newest version and check. But why would the error not occur in FF 3.6 or in IE 9 compatibility view? And how can I make it work correctly in all browsers?

6. Alexstl82
   Member
   Posted 11 months ago #

   Updated to FF 5.0 and it is working fine.

Reply

You must log in to post.