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"以便在初始化模式時將其打開。