2014-12-04 104 views
0

嗨,所以我想要一個JavaScript文件到我的網頁,當它在HTML文件中工作正常,但我不會把它整理一點把JS在不同的文件 HTML:外部Javascript無法加載時調用

<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> 

和HTML在JS應該工作的一部分。

<span id="show">more>></span> 
<p id="hidden" hidden>COOL STORY BRO 
<span id="hide">less</span> </p> 
+2

斜槓在網絡上。 – j08691 2014-12-04 17:27:43

回答

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

+0

我試過了,但點擊「更多」時仍然沒有任何反應。有任何其他的建議,謝謝 – GingerDom 2014-12-04 17:46:28

+0

@GingerDom在控制檯上的任何錯誤? – 2014-12-04 18:30:43

+0

我該如何檢查? – GingerDom 2014-12-04 18:41:13

0

更改此

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

對此

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