Question

我的代码：

<!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>

我已多次尝试但该页面未在Google Chrome中按预期显示。请有人帮助我。

Answer 1

在您的jQuery UI链接中添加http：

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

由于库未正确加载而引发错误。

当代码看起来不错时，JQuery Accordion无法正常工作

1 个答案: