當頁面加載時自動加載引導模式

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

建立在形式specifing值黑色行動「的答案，我注意到這可能是解決舊版本的Bootstrap。在新版本中，第一次點擊按鈕時，它會初始化模態。這需要在可以顯示之前發生。因此，不需要：.modal（show），您需要執行：.modal（{show：true}），它會初始化模態實例，然後將其設置爲默認顯示。所以：

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

您也可以在這些{}中設置模態的其他設置。有關設置詳情，請參見Bootstrap's Model Doc。