2014-06-26 166 views
-2

這段代碼試圖製作一個擴展器按鈕。我只是從jsfiddle複製粘貼它。爲什麼它在jsfiddle上很好,但在我的瀏覽器上不起作用?Javascript功能不起作用:/

<!DOCTYPE html> 
<html> 
<body> 

<input type="button" id="button-1" value="(click here for more information)"><br> 
<p id="special1"> 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
</p> 

<script> 
    alert(0); 
    $(document).ready(function(){ 
     var count = 0; 
     alert(1); 

     $("#special1").hide(); 

     $("#button-1").click(function(){ 
      count++; 
      if(count % 2 != 0){ 
      $("#special1").show(); 
      }else{ 
       $("#special1").hide(); 
      } 
     }) 
    }) 
</script> 

</body> 
</html> 
+0

jsfiddle可能會爲你加載jQuery ...你需要確保你也加載了。 – lucasjackson

+1

你附加了jQuery庫嗎?並檢查您的瀏覽器的控制檯是否有錯誤。 –

回答

0

您尚未在頁面的任何位置加載jQuery。 jsFiddle爲你加載它。

添加腳本標籤吧:

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 

如果你在瀏覽器的錯誤控制檯看,它很可能是說undefined不是一個函數,因爲$不被任何定義。

+0

那麼,如何加載該jQuery的東西? – njstar178

+1

@ user3780872:您可以通過閱讀[** jQuery教程**](http://learn.jquery.com/about-jquery/how-jquery-works/)瞭解相關信息。 –

+0

僅供參考,JQuery是[函數](http://www.w3schools.com/js/js_functions.asp)的庫,它們被定義爲使常見任務更容易。你不能使用這些函數而不定義它們,這就是爲什麼你需要包含這個庫。 – Ian

0

該腳本正在使用jQuery,但您未將其包括在頁面上。嘗試在<script>標記之前添加<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>