У меня есть модальный Bootstrap, который отлично загружается для пользователей настольных компьютеров (Firefox, Safari, Chrome). Мы используем Wordpress, и он загружается в footer.php перед вызовом URL-адреса, нажимающего «?status=join». Часть модального кода приведена ниже:
<?php if (!is_user_logged_in()) {
$social = do_shortcode('[wordpress_social_login]'); ?>
<div class="modal fade" id="join-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
JS, который показывает модальное соединение, приведен ниже:
$(document).ready(function() {
if (window.location.href.includes("?status=join")) {
$('#join-modal').modal('show');
}
});
Я пробовал разные комбинации удаления 'fade' из класса и добавления 'href="#"' в соответствии с Modal Bootstrap не работает на iPhone, но безуспешно.
Я также пытался эмулировать iOS в Safari, но модальное окно все еще отображается.
Кто-нибудь имеет опыт решения подобных проблем и / или может дать совет по устранению неполадок? Спасибо!