Javascript jQuery UI accordion在本地目录的Safari中不工作_Javascript_Jquery_Html

Javascript jQuery UI accordion在本地目录的Safari中不工作

javascript jquery html

Javascript jQuery UI accordion在本地目录的Safari中不工作,javascript,jquery,html,Javascript,Jquery,Html,免责声明：这是一位试图学习js和jQuery的“python程序员”提出的问题我创建了一个手风琴，如下所示（文件名：script.js）：我还有我的index.html： <!DOCTYPE html> <html> <head> <title>astrobox.io | Welcome!</title> <link rel='stylesheet' type='text/css' href="http

免责声明：这是一位试图学习js和jQuery的“python程序员”提出的问题

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

我还有我的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>

非常感谢


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

astrobox.io欢迎！
$（文档）.ready（函数（）{
$（“#菜单”）.accordion（）；
});
数据收集

数据分析

数据可视化

尝试在

script.js

之前加载

jquery ui.js

，并将

jquery.js

添加到您的脚本中，因为jquery ui依赖于此。我已将所有脚本和指向外部库的链接添加为编辑，您能否告知我它们是否正确以及顺序是否正确。我理解顺序很重要。可能会有冲突，因为您添加了两次

jquery.js

，在这里删除一次。（第一行或第二行）删除了重复项，保留了ajax.googleapis链接，仍然无法正常工作。当您检查网络请求（检查元素>时间线>网络请求）时，是否成功获取位于//的项目？我很好奇，因为如果您使用的是文件系统，那么它可能没有在请求中附加正确的协议。为什么这完全适用于我的版本？与我的script.js文件有关吗？

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