Javascript函数不起作用：/ [重复]答案

【问题标题】：Javascript function does not work :/ [duplicate]Javascript函数不起作用：/ [重复]
【发布时间】：2014-06-26 20:25:56
【问题描述】：

这段代码试图制作一个扩展按钮。我只是从 jsfiddle 复制粘贴它。为什么在jsfiddle上很好用，在我的浏览器上不行？

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

【问题讨论】：

jsfiddle 可能正在为你加载 jQuery……你需要确保你也在加载。
你附加了 jQuery 库吗？并检查您的浏览器控制台是否有错误。

标签： javascript html expand

【解决方案1】：

您尚未在页面中的任何位置加载 jQuery。 jsFiddle 会为你加载它。

为其添加脚本标签：

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

如果您查看浏览器的错误控制台，可能会说undefined 不是函数，因为$ 没有在任何地方定义。

【讨论】：

那么，如何加载那个 jQuery 的东西？
@user3780872：您可以通过阅读jQuery tutorial 了解这一点。
仅供参考，JQuery 是一个 functions 库，其定义是为了简化常见任务。如果不定义它们就不能使用这些函数，这就是为什么需要包含库的原因。

【解决方案2】：

脚本正在使用jQuery，但您没有将它包含在页面中。尝试在您的<script> 标签前添加<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>。

【讨论】：