Tabs on View Contacts Page - Not Working

[sandfox]

I have a fresh installation of Wordpress 4.1.1 with CiviCRM 4.8.5 installed.

The tabs on the "View Contacts" page are not functioning.

Specifically, the "class" values are changed, but the "aria-selected" and "aria-expanded" toggles stay "false" when a tab is clicked, instead of switching to "true".

I'm getting the following error when I click on a tab:

Uncaught TypeError: undefined is not a function TabHeader.js?r=NYecP:13

Any ideas on what is going on or how to fix this? Thanks!

[Coleman Watts]

A good place to start would be http://forum.civicrm.org/index.php/topic,35850.0.html

[sandfox]

Thanks. The CiviCRM Debugging and Error Handling doesn't show anything.

I am using no extensions or custom anything. This is a fresh, clean install of both Wordpress and CiviCRM with no other plugins installed. None of the other troubleshooting tips resolved this, and I cannot find any other threads addressing this issue.

I have repeated this error on multiple machines and multiple browsers.

Here is the complete console report:

Common.js?r=NYecP:196 Uncaught TypeError: Cannot read property 'defaults' of undefined
Common.js?r=NYecP:196 (anonymous function)
Common.js?r=NYecP:1077 (anonymous function)

admin.php?page=CiviCRM&q=civicrm/ajax/l10n-js/en_US&r=NYecP:14 Uncaught TypeError: undefined is not a function
admin.php?page=CiviCRM&q=civicrm/ajax/l10n-js/en_US&r=NYecP:14 (anonymous function)
admin.php?page=CiviCRM&q=civicrm/ajax/l10n-js/en_US&r=NYecP:73 (anonymous function)

TabHeader.js?r=NYecP:13 Uncaught TypeError: undefined is not a function      <<-----This error, including all below repeats when I click a tab multiple times
TabHeader.js?r=NYecP:13 (anonymous function)
jquery-1.11.1.js?r=NYecP:4641 jQuery.event.dispatch
jquery-1.11.1.js?r=NYecP:4309 jQuery.event.add.elemData.handle
jquery-1.11.1.js?r=NYecP:4550 jQuery.event.trigger
jquery-1.11.1.js?r=NYecP:5260 (anonymous function)
jquery-1.11.1.js?r=NYecP:383 jQuery.extend.each
jquery-1.11.1.js?r=NYecP:136 jQuery.fn.jQuery.each
jquery-1.11.1.js?r=NYecP:5259 jQuery.fn.extend.trigger
jquery-ui.js?r=NYecP:797 $.Widget._trigger
jquery-ui.js?r=NYecP:13015 $.widget._eventHandler
jquery-ui.js?r=NYecP:407 (anonymous function)
jquery-ui.js?r=NYecP:716 handlerProxy
jquery-1.11.1.js?r=NYecP:4641 jQuery.event.dispatch
jquery-1.11.1.js?r=NYecP:4309 jQuery.event.add.elemData.handle

[sandfox]

Here's a pretty good resource about this error type:

http://www.datahaunting.com/jquery/uncaught-typeerror-undefined-is-not-a-function/

If anyone can help me applying this to CiviCRM + Wordpress, I would really appreciate it!

[Coleman Watts]

I'm not able to reproduce that on e.g. http://wp45.demo.civicrm.org/
If you want to give me login access to your site I can take a peek.

[sandfox]

I sent you a PM with the login info. Thanks!

[Coleman Watts]

Got it. And found the problem. Filed as:
https://issues.civicrm.org/jira/browse/CRM-16154

For now, the workaround I would suggest would be to not use select2 on your website, or find a way to disable it on Civi pages.

[sandfox]

Great. Thanks so much for your help in identifying the issue!!

[Coleman Watts]

Ok, I've found a quicker solution, which we'll include in the next release of CiviCRM (4.6.0). If you don't want to wait for that, you can fix it now by going into your server and replacing the folder /wp-content/plugins/civicrm/civicrm/packages/jquery/plugins/select2 with this one.

[sandfox]

Brilliant! Works like a charm. Many, many thanks!!

[Coleman Watts]

You're welcome.
We are currently doing a fundraising campaign to support development of the next version which will include improvements like this one (plus a lot more).
Here is the contribution page if you want to help out