jQuery tabs UI not working live

So, I was able to get tabs UI working locally, but I can’t get it to work live.

I’ve seen documentation online stating that often the problem is not having the tabs ul li formatted correctly or not referencing the css, but I don’t think these are my problems.
I had this same issue locally and notice that it was due to the order of my script reference in the head of my document

<script src=“http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js”></script>

Anyways I’m stumped and here is a link to my online test page.


Hi there,

If I have a look at the page you link to in the browser console, then I see this:

Failed to load resource: net::ERR_BLOCKED_BY_CLIENT http://w.sharethis.com/button/buttons.js
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT http://s.sharethis.com/loader.js
Uncaught ReferenceError: stLight is not defined (index):91
Uncaught ReferenceError: sharethis is not defined (index):94
Uncaught TypeError: undefined is not a function Colorbox.js:6
Invalid App Id: Must be a number or numeric string representing the application id. all.js:53
FB.getLoginStatus() called before calling FB.init(). all.js:53
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT http://static.ak.facebook.com/connect/xd_arbiter/DhmkJ2TR0QN.js?version=41#channel=f1e69bae6&origin=http%3A%2F%2Fwww.connect4webdesign.com
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT https://s-static.ak.facebook.com/connect/xd_arbiter/DhmkJ2TR0QN.js?version=41#channel=f1e69bae6&origin=http%3A%2F%2Fwww.connect4webdesign.com

You’ll want to sort those errors out first, as they are most likely stopping JavaScript execution on the page (and hence killing your tabs).

I’ve fixed those, but now it is giving me an error message about my function, “Uncaught TypeError: undefined is not a function”

$(function() {
$( “#tabs” ).tabs();


Works for me in the latest Chrome.
Did you fix this?

Yes it is now fixed. There were a few issues.

  1. jQuery noConflict() was an issue which I corrected with the use of jQuery vs. $
  2. I need to move my js ui library reference and the jquery ui tab function to the footer because Wodpress was loading a jquery reference after the header.

Those were the main issues.


Oh and watch out Germany come game time on Thursday! :wink: Shall we agree on a tie so that we both advance? :slight_smile:

Disclaimer: I’m British (but I do live in Germany), so my heart has already been broken :slight_smile: