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

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 个解决方案

解决方案1
1 已采纳 2013-08-31 07:47:19

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

问题描述

1 个解决方案

解决方案1 1 已采纳 2013-08-31 07:47:19

解决方案1
1 已采纳 2013-08-31 07:47:19