为什么这个jQuery click函数不起作用？

小编典典

为什么这个jQuery click函数不起作用？

javascript

码：

<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>

上面的代码不起作用。当我单击#clicker时，它不会发出警报，也不会隐藏。我检查了控制台，没有任何错误。我还检查了JQuery是否正在加载，实际上是否正在加载。所以不确定是什么问题。我还执行了带有警报的文档就绪功能，并且该功能正常工作，因此不确定我在做什么错。请帮忙。谢谢！

阅读 297

2020-05-01

共1个答案

小编典典

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

即

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

正如jQuery文档指出的那样：“在文档“就绪”之前，无法安全地操纵页面。jQuery为您检测到这种就绪状态。$( document ).ready()页面中包含的代码仅在页面文档对象模型（DOM）为JavaScript准备就绪后才能运行。要执行的代码”

2020-05-01