为什么这个jQuery点击功能不起作用？

javascript jquery click onclick onclicklistener

2022-08-30 04:38:48

法典：

<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是否正在加载，并且确实如此。所以不确定问题是什么。我还做了一个带有警报的文档就绪功能，并且工作正常，所以不确定我做错了什么。请帮忙。谢谢！

答案 1

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

即

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

正如jQuery文档所述：“在文档”准备就绪“之前，无法安全地操作页面。jQuery会为您检测这种就绪状态。其中包含的代码只有在页面文档对象模型（DOM）准备好执行JavaScript代码后才会运行”$( document ).ready()

答案 2

我通过将ON与$（文档）一起使用，找到了解决此问题的最佳解决方案。

 $(document).on('click', '#yourid', function() { alert("hello"); });

对于 id，请参阅以下内容：

$(document).on('click', 'div[id^="start"]', function() {
alert ('hello'); });

最后在1周后，我不需要添加点击triger。我希望这将帮助很多人