0
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>
なぜ 'mouseenter'と' mouseout'を使用していますか?デスクトップ上と同じように機能しません。 – vivekkupadhyay
タッチデバイスでマウスイベントがどのように機能すると思われますか? –
タッチデバイスをターゲットにする場合は、タッチイベントの使用を検討する必要があります。 https://developer.mozilla.org/ja/docs/Web/API/Touch_eventsにいくつかの情報があります – zik