Twitter Bootstrap 3模态打开页面加载无效

Question

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

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

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

有没有一种方法可以显示Twitter引导程序已打开但没有效果/延迟的视图。 我还需要像他应该的那样使数据删除按钮起作用。

这是一个jsfiddle ： http : //jsfiddle.net/3kgbG/267/

// no black overlay, dismiss not binded

Answer 1

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

    })
});

这将打开准备好文档的模式。 在此处查看任何其他选项

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

<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

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

从Bootstrap网站上直接获取-Bootstrap Modals

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

Answer 3

对于纯HTML方法：

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