Question

我有一个非常简单的问题。我想制作一个单击图像时显示警报的脚本。

我的HTML是：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css" \>
    <script src="jquery-3.2.1.min.js" type="text/javascript"></script>
    <script src="lightbox.js" type="text/javascript" \>
    </script>
  </head>
  <body>
    <img class="img" src="http://lorempixel.com/400/200/"></img>
  </body>
</html>

和js：

$("img").click(function() {
  alert("dadadad");
});

我是Javascript的新手，所以所有提示都会有所帮助

Answer 1

确保您编写的任何jQuery代码都在“文档就绪”块中定义，如下所示，并且在 jQuery引用之后出现

<img class="img" src="http://lorempixel.com/400/200/"></img> <script> // This will ensure that jQuery has been loaded before it is used $(function(){ $("img").click(function() { alert("dadadad"); }); }); </script>

纯粹的Javascript方法

值得注意的是，你没有需要 jQuery，因为addEventListener()函数就足够了：

<script> // Select all of your images var images = document.querySelectorAll('img'); for (var i = 0; i < images.length; i++) { // Wire up a click event listener for each of them images[i].addEventListener('click', function(){ alert('foo'); }); } </script>

如何在单击元素时发出警报

1 个答案: