嗨,所以我想在我的网页上添加一个 javascript 文件,当它在 HTML 文件中时它工作得很好,但我不会通过将 JS 放在不同的文件中来稍微整理一下它 HTML:
<head>
<meta charset="utf-8" />
<title>Digital Canvas Web Designs</title>
<link rel="stylesheet" href="/CSS/Template.css"/>
<link rel="stylesheet" href="/CSS/news.css"/>
<link rel="shortcut icon" href="images/tablogo.ico" > <!-- tab logo generated at http://www.favicongenerator.com/ -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="Javascript/newshide.js" type="text/javascript"></script>
</head>
<body>
和 JavaScript:
<script type="text/javascript">
$(document).ready(function(){
$("#show").click(function() {
$("#hidden").show();
});
$("#hide").click(function() {
$("#hidden").hide();
});
});
</script>
以及 JS 应该工作的 HTML 部分。
<span id="show">more>></span>
<p id="hidden" hidden>COOL STORY BRO
<span id="hide">less</span> </p>
最佳答案
将所有内容包装到document.ready
<script type="text/javascript">
$(document).ready(function(){
$("#show").click(function() {
$("#hidden").show();
});
$("#hide").click(function() {
$("#hidden").hide();
});
});
</script>
另外:您还有另一个错误,请将最后一个脚本更改为:
<script src="Javascript/newshide.js" type="text/javascript"></script>
关于javascript - 调用时外部 Javascript 不会加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27300196/