调用时不会加载外部Javascript

时间:2014-12-04 17:26:29

标签: javascript jquery html

嗨,所以我想把一个javascript文件添加到我的网页上,当它在HTML文件中工作正常时,我不会把它放在一个不同的文件中。 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>

2 个答案:

答案 0 :(得分:2)

将所有内容包装到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>

Docs

答案 1 :(得分:0)

更改此

<script src=".\Javascript\newshide.js" type="text/javascript"></script>

到此

<script src="Javascript/newshide.js" type="text/javascript"></script>