Загрузка Bootstrap автоматически при загрузке страницы

Question

Как загрузить загрузочную модель автоматически при загрузке страницы?

Я попытался добавить следующее в мой файл индекса:

<script type="text/javascript"> 
    $(window).load(function() { 
     $('#myModal').modal('show'); 
    }); 
</script> 

но не работает.

Answer 1

Попробуйте это, он должен работать:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#myModal').modal('show'); 
    }); 
</script> 

Answer 2

попробовать задав значение в форме, которая будет выступать в качестве значения по умолчанию

<div class="input-group date" id='dob' name="dob" data-date-format="yyyy-mm-dd" > 
     <input type="text" name="dob" id="dob" ***value="1940-01-01***" maxlength="20" class="form-control" required title="Please enter the date of birth"> 
     <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> 
     </div> 

и сценарий

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#dob').datepicker({ 
      startDate: '1940-01-01', 
      endDate: '-5d' 
     }) 
    }); 
    </script 

Answer 3

здание на Ответ Black Ops, я заметил, что это может быть проблема с более старой версией Bootstrap. В новой версии при первом нажатии кнопки она инициализирует модальный. Это должно произойти до того, как оно будет отображаться. Итак, вместо: .modal (show), вам нужно сделать: .modal ({show: true}), который инициализирует экземпляр модала, а затем устанавливает его для отображения по умолчанию. Итак:

<script type=\"text/javascript\"> 
    jQuery(document).ready(function() { 
    jQuery('#myModalId').modal({show:true}); 
    }); 
</script> 

Вы также можете установить другие параметры модальности в пределах этих {}. См. Bootstrap's Model Doc для настройки деталей.