Bootstrap.js - как автоматически отобразить модальное окно? - PullRequest
Новая
       26

Bootstrap.js - как автоматически отобразить модальное окно?

7 голосов
/ 28 января 2012

Мне нравится библиотека Bootstrap от Twitter, и я хотел бы попытаться использовать ее на своей простой странице. Мне нужно, чтобы после загрузки страницы автоматически отображалось модальное окно . Кто-нибудь может дать мне совет, как это можно сделать?

Спасибо.

Ответы [ 3 ]

9 голосов
/ 28 января 2012

ну, это не должно быть слишком сложно ... сделать что-то вроде этого: 

jQuery(document).ready(function($) {
    $('#my-modal').modal(options)
});
4 голосов
/ 11 мая 2014

Ваш модальный ... 

<div class="modal fade" id="formSaludo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

Если ulike модальный открыт ... Используйте style = "display: block;" и class = "modeal fade in"

<div class="modal fade in" id="formSaludo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: block;">
2 голосов
/ 02 августа 2013

Эта модальная загрузка, когда страница готова. 

<body>
    <div id="top"> 
       <a tabindex="-1" href="#" id="metadata-link" data-target="#modal" data-toggle="modal">Metadata</a>
    </div>

   <div id="modal" class="modal hide fade in" style="display:none;">
      <div class="modal-header">header<a class="close" data-dismiss="modal">x</a></div>
      <div class="modal-body"></div>
      <div class="modal-footer">footer</div>
   </div>

<script>

    $(document).ready(function() {
        $('#top').find('a').trigger('click');

    });
</script>

С уважением.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...