javascript - 尝试在 jQuery 中向图像添加类时遇到问题

Question

这是代码：

$(function()
{
  $('.sign1').click(function(){
    $(this).addClass('good');
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="menu">
  <div class="container">
    <div class="row">
      <div class="col-sm-3 col-xs-6 menu-item">
        <div class="front">
        <a href="main.html"><img class="center-block sign1" src="images/sign1.png"></a>
        </div>
      </div>
    </div>
  </div>
</div>

它应该在单击带有“sign1”类的图像时添加“好”类，但这永远不会发生。

请问我的代码有什么问题？

标签： javascriptjquery

Answer 1

如果您删除元素<a>周围的链接，您的代码可以正常工作。<img>

在 jquery 将good类添加到图像后，单击甚至会冒泡到其父级<a>，这会将浏览器定向到新地址：main.html.

所以你不会有时间看到我想的变化。