Question

这段代码试图制作一个扩展按钮。我只是从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>

Answer 1

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

为其添加脚本标记：

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

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

Answer 2

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

Javascript函数不起作用：/

2 个答案: