1

我的代码：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link rel='stylesheet' type='text/css' href='http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css'/>
        <script type='text/javascript' src='http://code.jquery.com/jquery-1.10.2.js'></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
        <script>
            $(document).ready(function(){
                $("#menu").accordion();
            });
        </script>
    </head>
    <body>
        <div id="menu">
            <h3>Section 1</h3>
            <div>
                <p>I'm the first section!</p>
            </div>
            <h3>Sectio 2</h3>
            <div>
                <p>Tab 2</p>
            </div>
            <h3>Section 3</h3>
            <div>
                <p>Tab 3</p>
            </div>
        </div>
    </body>
</html>

我已经尝试了几次，但该页面在谷歌浏览器中没有按预期显示。请有人帮助我。

4

1 回答 1

1

添加http到 jQuery UI 的链接：

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

它抛出错误，因为库没有正确加载。

于 2013-08-31T07:47:19.223 回答