.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

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

您没有通过在左侧选择jQuery来引用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();
  });

Answer 3

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

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