jQuery conflict – ui tabs only work in Firefox – Solutions?

  • 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 https://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.

Viewing 5 replies - 1 through 5 (of 5 total)

  • 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.

    Thread Starter Alexstl82

    (@alexstl82)

    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],''));

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

    Thread Starter Alexstl82

    (@alexstl82)

    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?

    Thread Starter Alexstl82

    (@alexstl82)

    Updated to FF 5.0 and it is working fine.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘jQuery conflict – ui tabs only work in Firefox – Solutions?’ is closed to new replies.