jQuery tabs UI not working live

JavaScript
1

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.

http://www.connect4webdesign.com/test/

2

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

3

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

<script>
$(function() {
$( “#tabs” ).tabs();
});
</script>

4

Hi,

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

5

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.

thx

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

6

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