SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict
    Join Date
    Aug 2008
    Posts
    321
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    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.


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

  2. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,938
    Mentioned
    214 Post(s)
    Tagged
    12 Thread(s)
    Hi there,

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

    Code:
    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. #3
    SitePoint Addict
    Join Date
    Aug 2008
    Posts
    321
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #4
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,938
    Mentioned
    214 Post(s)
    Tagged
    12 Thread(s)
    Hi,

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

  5. #5
    SitePoint Addict
    Join Date
    Aug 2008
    Posts
    321
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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! Shall we agree on a tie so that we both advance?

  6. #6
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,938
    Mentioned
    214 Post(s)
    Tagged
    12 Thread(s)
    Quote Originally Posted by BrianBam View Post
    Oh and watch out Germany come game time on Thursday! Shall we agree on a tie so that we both advance?
    Disclaimer: I'm British (but I do live in Germany), so my heart has already been broken


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •