Question

免责声明：这是一个试图学习js和jQuery的“python编码器”的问题。

我创建了一个手风琴如下（文件名：script.js本地）：

$(document).ready(function() {
    $('#menu').accordion();
});

我也有我的index.html：

<!DOCTYPE html>
<html>
    <head>
    <title>astrobox.io | Welcome!</title>
    <link rel='stylesheet' type='text/css' href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script type='text/javascript' src='script.js'></script>
    </head>
    <body>
        <div id="menu">
            <h3>Data Collection</h3>
            <div>
                <p></p>
            </div>
            <h3>Data Analysis</h3>
            <div>
                <p></p>
            </div>
            <h3>Data Visualisation</h3>
            <div>
                <p></p>
            </div>
        </div>
    </body>
</html>

我真的不是百分之百确定我做错了什么。任何有关解决方案的提示都会受到热烈欢迎。我是否需要将"menu"更改为课程并使用$('.menu')？

这些是我链接到的外部库：

<title>astrobox.io | Welcome!</title>
<link rel='stylesheet' type='text/css' href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type='text/javascript' src='script.js'></script>

非常感谢

Answer 1

<!DOCTYPE html>
<html>
    <head>
    <title>astrobox.io | Welcome!</title>
    <link rel='stylesheet' type='text/css' href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="https://code.jquery.com/ui/1.9.1/jquery-ui.min.js"></script>

    <script>
        $(document).ready(function() {
          $('#menu').accordion();
    });
    </script>
    </head>
    <body>
        <div id="menu">
            <h3>Data Collection</h3>
            <div>
                <p></p>
            </div>
            <h3>Data Analysis</h3>
            <div>
                <p></p>
            </div>
            <h3>Data Visualisation</h3>
            <div>
                <p></p>
            </div>
        </div>
    </body>
</html>

jQuery UI手风琴在Safari中无法从本地目录中运行

1 个答案: