我无法成功将jQuery链接到我的html.我已经制作了最简单的jQuery代码,所以我知道它是正确的,我已经尝试了我能想到的一切 - 搜索没有帮助..
我的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 UI并运行".accordion()"... = /
我确定这个问题在那里,但我找不到它:
有没有一个工具可以获取我的HTML文档的一个元素并导出该元素,其所有父项及其所有相关的CSS,但没有别的？
编辑:
对不起,我不够清楚.我并不是说我想要Firebug/DevTools,我的意思是一个工具[可能是某种浏览器中的某个功能],它将所选元素的所有相关HTML/CSS 输出到一个自包含的文件/剪贴板中.
EDIT2:
当我说输出所有相关的HTML/CSS时,我的意思是我想要那个元素和所有它的css规则,然后每个父元素与它们的css规则一直到.作为输出,我将获得足够的HTML/CSS作为独立页面打开并使目标元素由所有相关CSS规则呈现和影响.