Question

嗨，我仍然普遍使用jQuery和编码，我想知道为什么单击jQuery函数会无法正常工作。

$(document).ready(function(){
  $(".galleryImg").click(function(){
    alert("hey");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="galImgArea">
  <img class="galleryImg" src="https://via.placeholder.com/350x150" alt="">
</div>

Answer 1

您需要删除**strong text**行。
您还必须添加JQuery库的链接，即行<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>。这是使用任何JavaScript库的非常基本的要求。
以下是正确的，完整的代码，可以正常工作：

<div class="galImgArea">
  <img class="galleryImg" src="https://via.placeholder.com/350x150" alt="">
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".galleryImg").click(function(){
        alert("hey");
    });
});
</script>

单击时无法使用类名的jQuery

1 个答案: