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

免责声明：这是一个试图学习js和jQuery的“python编码器”的问题。jQuery UI手风琴不在本地目录的Safari中工作

我已经创建了一个手风琴如下（文件名：本地的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>

我真的不能100％确定我做错了什么。对解决方案的任何暗示都会受到热烈的欢迎。我是否需要将"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>

非常感谢

来源

2015-02-23 Michael Roberts

尝试之前'script.js'加载'jQuery的ui.js'并添加'的jquery.js '作为jquery-ui依赖于此脚本 – empiric 2015-02-23 15:33:05

我已经将所有脚本和链接添加到外部库中作为编辑，如果这些脚本正确并且顺序正确，可否告诉我。我明白这个命令很重要。 – 2015-02-23 15:45:15

可能会有冲突，因为您添加了'jquery.js'两次，在此删除一个。（第一行或第二行） – empiric 2015-02-23 15:48:45

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

来源

2015-02-24 05:28:32

完美的作品。为什么这个工作正好在我的版本上？与我的script.js文件有关吗？ – 2015-02-24 18:27:02

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

回答

相关问题