2014-06-26 167 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>