Всплывающая кнопка «закрыть» не работает на iPhone

Question

Я не уверен, почему, но всплывающее окно (которое отображается только один раз за сеанс) имеет кнопку закрытия (X), которая не работает на iPhone. Тем не менее, он отлично работает на рабочем столе. Ниже приведен код, который я использую. Есть ли что-нибудь, что я могу сделать, чтобы сделать эту работу?

Адрес site.

if (sessionStorage.getItem('popState') != 'shown'){ 
    $("#popup-wrap").delay(2000).fadeIn(); 
    sessionStorage.setItem('popState','shown') 
} 

$('body').on('click touch', '#popup-close', function() { 
    $('#popup-wrap').fadeOut(); 
}); 

Answer 1

По моему опыту, iPhone имеет проблемы с событием jQuery.on. Попробуйте привязать функцию к всплывающему элементу, например:

<script type="text/javascript"> 
    function closePopup() { 
     $('#popup-wrap').fadeOut(); 
    } 
</script> 

<div id="popup-wrap"> 
    <span onclick="closePopup()">X</span> 
</div>