jQuery/javaScript点击事件不'；行不通

这可能像呼吸一样容易，但我只是看不到我代码中的错误

我尝试向具有唯一ID的div添加单击事件，但它根本不起作用。无论是jQuery还是javaScript

代码：

JSFiddle：

对不起，如果我只是在这一点上哑口无言

问候

试试这个

$(function() {
  $("#btnF5").click(function() {
    alert("Handler for test1 called.");
  });

  document.getElementById("btnF5").addEventListener("click", myFunction);

  function myFunction() {
    alert("Handler for test2 called.");
  }

});

---

您的JSFIDLE工作正常，但是，您忘了在JSFIDLE中导入jQuery

我已经更新了您的JSFIDLE以包含jQuery，我还添加了一个红色背景以查看哪个div获得了单击事件

#btnF5 {
  background: red;
}

注2点-

首先添加jquery库

将所有代码包装到ready函数中

$（文档）.ready（函数（）{
$（“#btnF5”）。单击（函数（）{
警报（“调用了test1的处理程序”）；
});
document.getElementById（“btnF5”）.addEventListener（“单击”，myFunction）；
函数myFunction（）{
警报（“调用test2的处理程序”）；
}
})

div{
宽度：100px；
边框：1px实心；
}

希尔夫


开始


恩德

如果您已经把所有事情都做好了，那么唯一的逻辑原因是您正在加载jquery之前执行代码块。 试一试

点击我
$（文档）.ready（函数（）{
$（“#btnF5”）。单击（函数（）{
警报（“调用了test1的处理程序”）；
});
});

问题在于您没有将jquery库添加到JSFIDLE。我在基本示例中添加了

---

看看如何将js库添加到JSFIDLE

您还没有在JSFIDLE中包含jquery库

您可以通过单击JS部分右上方的javascript标记来包含该库

然后从那里选择jquery

---

之后，您将看到代码正在工作。

您需要添加jQuery库确保已加载jQuery库。当我启用jQuery时，它在JSFIDLE中对我有效。检查：它不适用于纯JavaScript事件，因为它必须包含在WindowOnLoad事件中。

#btnF5 {
  background: red;
}

$("#btnF5").click(function () {
    alert("Handler for test1 called.");
});

document.getElementById("btnF5").addEventListener("click", myFunction);

function myFunction () {
    alert("Handler for test2 called.");
}