为什么jQuery单击函数不能工作?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (34)

代码:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $("#clicker").click(function () {
        alert("Hello!");
        $(".hide_div").hide();
    });
</script>

以上代码不起作用。当我点击#点击时,它不会发出警报,也不会隐藏。我检查了控制台,没有发现错误。我还检查了JQuery是否正在加载,而且确实是加载的。所以不知道是什么问题。

提问于
用户回答回答于

你应该在一个$(document).ready(function() {});块中添加JavaScript代码。

$(document).ready(function() {
  $("#clicker").click(function () {
    alert("Hello!");
    $(".hide_div").hide();
  });
});
用户回答回答于

您的代码可能在没有document.ready()的情况下工作,只需确保你的脚本是在#单击器之后运行的。请查看此演示:http://jsbin.com/aPAsaZo/1/

<!DOCTYPE html>
<html>
<head>


<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>
  <a href="#" id="clicker" value="Click Me!" >Click Me</a>
  <script type="text/javascript">

        $("#clicker").click(function () {
            alert("Hello!");
            $(".hide_div").hide();

        });


</script>

</body>
</html>

扫码关注云+社区

领取腾讯云代金券