Question

如何在页面加载时自动加载Bootstrap模型？

我尝试将以下内容添加到索引文件中：

<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

以黑色行动为基础＆＃39;回答，我注意到这可能是旧版本的Bootstrap。在较新的版本中，第一次单击按钮时，它会初始化模态。这需要在显示之前发生。因此，代替：.modal（show），您需要执行：.modal（{show：true}），它初始化模态实例，然后将其设置为默认显示。所以：

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

您还可以在{}中为模态设置其他设置。有关设置详情，请参阅Bootstrap's Model Doc。

Answer 3

尝试指定表格中的值作为默认值

<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

页面加载时自动加载Bootstrap模式

3 个答案: