2017-03-01 6 views
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>

+0

なぜ 'mouseenter'と' mouseout'を使用していますか?デスクトップ上と同じように機能しません。 – vivekkupadhyay

+1

タッチデバイスでマウスイベントがどのように機能すると思われますか? –

+0

タッチデバイスをターゲットにする場合は、タッチイベントの使用を検討する必要があります。 https://developer.mozilla.org/ja/docs/Web/API/Touch_eventsにいくつかの情報があります – zik

答えて

0

MouseEnterイベントとマウスオーバーホバーは、タッチスクリーンデバイス上(ホバーイベントをトリガする)をクリックし、そのままそれがMouseEnterイベントとマウスオーバーのために同じように機能するだろうrationnalようだ、ホバーの「部」です。

クリックを使用する場合は、onclickまたは同様のクリック機能を使用してください。

関連する問題