javascript - 单击链接时简单淡出图像

Question

  <script>
  $("a").click(function () {
  $("#wrapper").fadeOut("slow");
  });
  </script>


 <div id="wrapper" >
  <a href="1.html"> <img src="images/landing.png"/></a>
  </div>

我已经查看了 jquery 文档，但没有解决问题，尝试替换不同的选择器

Answer 1

您正在加载 DOM 之前执行脚本。 jQuery 调用 $("a")在 <a> 之前立即执行标记已定义，因此 click不受任何约束。要修复，请使用在 <a> 之后执行的就绪函数可用。

$(document).ready(function() {
  $("a").click(function () {
    $("#wrapper").fadeOut("slow");
  });
});

JSFiddle 示例 - http://jsfiddle.net/Vkd8J/