在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