jQuery UI手风琴无法在本地目录的Safari中工作

jQuery UI accordion not working within Safari from local directory

本文关键字：Safari 工作 手风琴 UI jQuery      更新时间：2024-03-20

免责声明：这是一个"python程序员"试图学习js和jQuery的问题。

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

$(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>

非常感谢

<!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>
相关文章：