Показывать модальные окна во время загрузки страницы

  • Автор темы I AM
  • Обновлено
  • 15, May 2024
  • #1
Я использую загрузку и хочу автоматически отображать модальное окно, не нажимая какую-либо кнопку. Как мне это сделать?

  <div class="container">
 <a href="#windows1" class="btn btn-primary btn-lg" data-toggle="modal">Botón 1</a>

 <div class="modal fade" id="windows1">
 <div class="modal-dialog">
 <div class="modal-content">
 <div class="modal-header">
 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 <h4 class="modal-title">Header Windows</h4>
 </div>

 <div class="modal-body">
 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque doloremque, ratione impedit velit doloribus commodi illo vitae nesciunt quod quis, accusamus sed itaque officiis aut ullam facilis aperiam possimus ea.
 </p>
 </div>

 <div class="modal-footer">
 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 <button type="button" class="btn btn-primary">Save Changes</button> 
 </div>
 </div>
 </div> 
 </div>
 </div>
HTML:

I AM


Рег
23 Jul, 2011

Тем
403760

Постов
400028

Баллов
2418908
  • 21, May 2024
  • #2
Да... недоверчиво качает головой Вы хотите, чтобы модальное окно отображалось при открытии страницы.

Затем скройте модальное окно ЛИБО с помощью класса, затем замените этот класс или скройте его с помощью javascript/jQuery (.hide()) и show() его при загрузке страницы. Это ОЧЕНЬ просто, и если вы этого не знаете, возможно, вам не следует создавать веб-сайты.

Жестко, но верно. Кроме того, вы только что показали код модального окна и ничего больше.

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

Merfo


Рег
29 Jul, 2013

Тем
81

Постов
194

Баллов
619
Тем
403,760
Комментарии
400,028
Опыт
2,418,908

Интересно