在html中链接jquery

我无法成功地将jQuery链接到我的HTML。 我已经做了最简单的jQuery代码,所以我知道这是正确的,我已经尝试了所有我能想到的 – search没有帮助。

我的HTML(文件名:“test.html”:

<!DOCTYPE html> <html> <head> <title>Test</title> <link rel="stylesheet" type="css/text" href="test.css"/> <script type="text/javascript" src="test.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> </head> <body> <div id="orange"></div> </body> </html> 

我的CSS(文件名:“test.css”):

 #orange { height: 100px; width: 100px; background-color: orange; border-radius: 5px; border: 3px solid black; margin-left: 100px; margin-top: 100px; display: none; } 

我的JS(文件名:“test.js”):

 $(document).ready(function() { $('div').fadeIn('slow'); }); 

控制台显示jQuery链接在6.52s加载。

我也试图链接从我下载的jQuery文件

 <script src="C:\jQuery\jquery.js"></script> 

这也失败了…

然而,我设法连接jQuery用户界面,并运行“.accordion()”… = /

在这种情况下,你的test.js将不会运行,因为你在jQuery之前加载它。 把它放在jQuery之后:

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <script type="text/javascript" src="test.js"></script> 

在jQuery库之后添加你的test.js文件。 这样你的test.js文件可以使用库。

看到答案,我没有别的可以添加,但还有一件事:

在你写的test.html文件中

link rel =“stylesheet”type =“css / text”href =“test.css”/

看你写的地方

types= “CSS /文本”

在那里你需要改变

types= “文本/ CSS”

所以它会看起来像那样

link rel =“stylesheet”type =“text / css”href =“test.css”/

在这种情况下,CSS文件将被链接到HTML文件

我有一个类似的问题,但在我的情况下,这是我的CSS文件。

我已经加载我的CSS文件JQuery库之前,因为我的jQuery的function是与我的CSS文件交互,我的jQueryfunction不工作。 我发现这很奇怪,但是当我加载JQuery库后加载CSS文件,它的工作。

这可能与问题没有直接关系,但也可能帮助其他可能面临类似问题的人。

我的问题:

  <link rel="stylesheet" href="style.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <script type="text/javascript" src="slider.js"></script> 

我的解决scheme

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <link rel="stylesheet" href="style.css"> <script type="text/javascript" src="slider.js"></script> 
 <script src="CDN"> </script> 

为了改变CDN检查这个网站。

第一个是JQuery