Bootstrap modal работает только на главной, где косяк?

alex-bot
На сайте с 19.04.2008
Offline
82
989

Подскажите пожалуйста в чем может быть причина если заходим на сайт сайт.ру должно сразу открываться модальное окно, оно и открывается автоматически вызывается стандартным скриптом:


<script>
$(document).ready(function() {
$("#myModalBox").modal('show');
});
</script>

Если же заходим на любую страницу, а выглядят они так site.ru/page-name ничего не происходит, при этом если же в окно добавить вызов по кнопке


<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

Все прекрасно открывается, не срабатывает именно автоматически при загрузке страницы

Сам код окна классический


<!-- HTML-код модального окна -->
<div id="myModalBox" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<!-- Заголовок модального окна -->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Заголовок модального окна</h4>
</div>
<!-- Основное содержимое модального окна -->
<div class="modal-body">
Содержимое модального окна...
</div>
<!-- Футер модального окна -->
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
<button type="button" class="btn btn-primary">Сохранить изменения</button>
</div>
</div>
</div>
</div>

<!-- Скрипт, вызывающий модальное окно после загрузки страницы -->
<script>
$(document).ready(function() {
$("#myModalBox").modal('show');
});
</script>

Код прописан в шаблоне присутствует на всех страницах и так прописана подгрузка jquery и bootstrap^


<script src="/js/jquery-1.11.1.min.js"></script> (в хедере)
<script src="/js/bootstrap.js"></script> (в конце страницы)
LEOnidUKG
На сайте с 25.11.2006
Offline
1774
#1

Посмотрите в консоле может быть там ошибки

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий