Question

它可能很容易呼吸，但我只是在我的代码中看不到错误......

我尝试将click-Event添加到具有唯一ID的div，但它根本不起作用。无论是jQuery还是javaScript。

代码：

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

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

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

的jsfiddle： https://jsfiddle.net/ckom0pbo/

对不起，如果我此时只是愚蠢。

问候

Answer 1

注意2点 -

首先添加jquery库
将您的所有代码包含在就绪函数Ready function

 <p><iframe src="https://www.youtube.com/embed/9aOuF0-1KKY" width="560" height="315" frameborder="0" allowfullscreen=""></iframe></p>

$(document).ready(function(){
$("#btnF5").click(function () {
    alert("Handler for test1 called.");
});
document.getElementById("btnF5").addEventListener("click", myFunction);

function myFunction () {
    alert("Handler for test2 called.");
}
})

div{
  width: 100px;
  border: 1px solid;
  
}

Answer 2

试试这个，

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

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

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

});

Answer 3

您的JSFiddle工作正常，但是，您忘记在JSFiddle中导入jQuery。

我已经更新了你的JSFiddle以包含jQuery，我还添加了一个红色背景来查看div获得了点击事件。

#btnF5 {
  background: red;
}

https://jsfiddle.net/ckom0pbo/3/

Answer 4

如果你已经完成了所有事情，那么唯一的逻辑原因是你在加载jquery之前执行代码块。试试

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button id="btnF5">Click me</button>

<script>
  $(document).ready(function(){
    $("#btnF5").click(function () {
      alert("Handler for test1 called.");
    });

    });
  </script>

＆＃13;

Answer 5

问题是你没有将jquery库添加到jsfiddle。我在你的基础示例中添加了 Fiddle with jquery

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

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

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

了解如何将js库添加到jsFiddle How To add a js library to JsFiddle

Answer 6

你没有在JS小提琴中包含jquery库。

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

从那里选择jquery。

之后，您会看到您的代码正常运行。

jQuery / javaScript click-Event不起作用

6 个答案: