jquery - 点击关闭按钮图像它不会在 iPhone 中第一次点击时关闭

Question

我试图在 iPhone 中第一次点击关闭页面，但第二次点击关闭。点击它的图像会改变但不会关闭。

$("#privacy-close-btn").mouseenter(function() {
  $("#privacy-close-btn").css("display", "none");
  $("#privacy-close-btn-act").css("display", "block");
});
$("#privacy-close-btn-act").mouseout(function() {
  $("#privacy-close-btn").css("display", "block");
  $("#privacy-close-btn-act").css("display", "none");
});

a img.privacy-close-btn-act {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class="close-img">
  <img src="assets/img/desktop_privacy_close_inactive.svg" alt="" class="privacy-close-btn" id="privacy-close-btn">
  <img src="assets/img/desktop_privacy_close_active.svg" alt="" class="privacy-close-btn-act" id="privacy-close-btn-act">
</a>

Answer 1

mouseenter 和 mouseover 是 hover 的“部分”，因为 hover 是触摸屏设备上的点击(触发悬停事件)，这似乎是合理的，它对 mouseenter 和 mouseover 的工作方式相同。

如果您想使用点击，只需使用 onclick 或类似的点击功能即可。