点击关闭按钮图像,在iPhone

时间:2017-03-01 09:17:50

标签: jquery html css iphone

我试图在第一次点击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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

mouseenter和mouseover是&#34;部分&#34;悬停,因为悬停是在触摸屏设备上点击(触发悬停事件),它似乎是合理的,它对于鼠标中心和鼠标悬停都是一样的。

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