当页面加载时自动加载引导模式

我尝试添加以下到我的索引文件：

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

但它不工作。

来源

2013-11-23 Rohit Sajeev

你的js控制台说什么？如果没有错误，在'$（'＃myModal'）。modal（'show'）;'行上放一个断点，看它是否被调用。如果它被调用，并且您在脚本控制台中没有错误，那么请放置整个源代码，以便我们可以看到整个图片。 –

可能你已经在页面开头写了这段代码..需要在你的模态窗口代码之后写下它.so模块的内容得到执行1st然后它将启动.. – Ashish

它在窗口的加载事件中，意思是在加载所有内容后执行 –

试试这个，它应该工作：

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

来源

2013-11-26 13:09:22

我希望这对你有用 –

其不适合我，如果我manualy点击链接到相同的div #myModal它打开对话框.. –

-4

尝试将作为默认值

<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

来源

2014-03-18 10:33:34

这与OP – Flexicoder

建立在形式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。

来源

2014-05-14 20:04:34 Atomox

当页面加载时自动加载引导模式

回答

相关问题