jquery-ui tabs not working - js and css are included, but page is plain

Question

I've used jquery-ui before and even used the Tabs aspect of jquery-ui before... but for some reason, it's not working today. What the heck am I doing wrong?

<!doctype html>
<html>
    <head>
        <link rel="stylesheet" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/ui-lightness/jquery-ui.css" />

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>


        <script type="text/javascript">
            $(document).ready(function() {
                $('#tabs').tabs();
            });
        </script>
    </head>
    <body>

        <div id="tabs">
            <ul>
                <li><a href='#tabs-1'>Email</a></li>
                <li><a href='#tabs-2'>Email 2</a></li>
            </ul>

            <div id='tabs-1'>
                <p>test</p>
            </div>
            <div id='tabs-2'>
                <p>test2</p>
            </div>
        </div>

    </body>
</html>

The page is just completely plain:

enter image description here

I don't see anything wrong with that. And a jsFiddle of your code works fine. Are you getting any errors? Sure the scripts and CSS are loading? — j08691
– j08691, Commented May 9, 2012 at 0:56
As per previous commenter, I suspect the resources are not being found. — Greg Pettit
– Greg Pettit, Commented May 9, 2012 at 0:58
It is working for me jsfiddle.net/efortis/Wqq2F, where are you testing this? — Eric Fortis
– Eric Fortis, Commented May 9, 2012 at 1:07

胡辰龙 · Accepted Answer · 2012-05-09 01:11:11Z

2

href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/ui-lightness/jquery-ui.css"

answered May 9, 2012 at 1:11

胡辰龙

361 bronze badge

Sign up to request clarification or add additional context in comments.

1 Comment

Kenny Wyland Over a year ago

facepalm Thank you, I totally wasn't even checking the "src" vs "href" attribute.

Collectives™ on Stack Overflow

jquery-ui tabs not working - js and css are included, but page is plain

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related