小编典典

为什么这个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是否正在加载,实际上是否正在加载。所以不确定是什么问题。我还执行了带有警报的文档就绪功能,并且该功能正常工作,因此不确定我在做什么错。请帮忙。谢谢!


阅读 316

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