Twitter bootstrap 3模式打开页面加载没有影响

Question

我有一个使用模式显示表单的身份验证页面。

如果登录/密码正确，则用户被重定向到SPA。

如果它们不正确，我需要在打开登录表单时显示完全相同的页面并显示错误消息。

有没有办法在twitter bootstrap已打开的情况下显示视图，无效/延迟。 我还需要让数据关闭按钮像他应该的那样。

以下是jsfiddle：http://jsfiddle.net/3kgbG/267/

// no black overlay, dismiss not binded

Answer 1

$( document ).ready(function() {
    $('#myModal').modal({
      //options for modal

    })
});

这将打开文档准备好的模态。查看任何其他选项here

要删除淡入淡出效果，必须将其从模态包装类中删除：

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">

变为

<div class="modal bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">

Answer 2

这是一个自动打开的小提琴 - fiddle

从Bootstrap网站直接拉出 - Bootstrap Modals

$('#myModal').modal('show');

Answer 3

对于纯HTML方法：

1. 模态的包装器有一个类fade。这个类是提供动画的，所以不添加类会导致模态出现。
2. 然后，您可以添加data-show="true"，以便在初始化模式时打开模式。