jQuery window.one («click») Не работает на мобильном телефоне

Question

У меня есть модальный, который использует jQuery для всплывающего окна на (document).ready.

$(document).ready(function() { 
    $("#openModal").toggleClass("target"); 
}); 
$(window).one("click", function() { 
    $("#openModal").toggleClass("target"); 
}); 

Он отлично работает на рабочем столе, но на iOS Safari он не закрывается при кране.

Я читал около the cursor:pointer fix, но он не хочет работать в этом сценарии. Я предполагаю, что это связано с тем, что событие привязано к окну, в то время как курсор привязан к элементу.

И я, очевидно, не может поставить body{cursor:pointer;}

Что это могло быть вызвано?

Answer 1

Использование .one приведет к запуску только для первого щелчка по окну, поэтому, если вы нажмете (нажали) в окне перед открытием модального файла, функция не будет работать снова. Попробуйте использовать это:

$(window).on("click", function() { 
    $("#openModal").toggleClass("target"); 
}); 

Edit после ответа:

Я предполагаю, что вы хотите модальный открывать только один раз документ готов, то сделать это так, избегать использования toggleClass и использовать вместо этого:

$(document).ready(function() { 
$("#openModal").addClass("target"); 
}); 
$(window).click(function() { 
$("#openModal").removeClass("target"); 
}); 

Answer 2

$(window).one('click touchstart', function() { 
    $("#openModal").toggleClass("target"); 
});