jquery - .show jquery 函数 - 不显示 div

Question

我正在尝试使此 javascript 工作，我想在用户单击按钮时显示隐藏的 (display:none) div。谁能告诉我哪里出错了？

http://jsfiddle.net/tz52u/

示例在上面的网站上。

我正在使用的代码：

     $(document).ready(function () {
     $("#show").click(function () {
    $(".no-show").show();
    });
    });

谢谢你的帮助。

非常感谢！

Answer 1

你});的小提琴里少了一个。此外，您也不需要小提琴中的脚本标签。你也没有包括 jQuery。你也不需要，$(document).ready()因为 jsFiddle 已经加载了代码。

这是一个固定的：

http://jsfiddle.net/tz52u/6/

$("#show").click(function(){
    $(".no-show").show();
});

Answer 2

防止点击处理程序正常运行：

$(document).ready(function () {
  $("#show").click(function (e) {
    e.preventDefault();
    $(".no-show").show();
  });
});

Answer 3

您在 javascript 字段中使用了 html 标记，该标记<script>已包含在 jsfiddle 中以在加载时运行。

您没有通过选择左侧来引用 jQuery，因此$未定义。

此外，您不再需要$(document).ready()- jQuery 现在提供了$(function(){ console.log("Document is ready"); });一种在页面准备好时执行代码的更方便的方式。

这是一个固定版本：http: //jsfiddle.net/tz52u/9/

  $("#show").click(function(){
      console.log("Button clicked!");
    $(".no-show").show();
  });