Bootstrap - Modals自動加載由於某種原因

我使用Rails 3.2和twitter-bootsrap-rails gem (link)。Bootstrap - Modals自動加載由於某種原因

我有一個模式，這是html.erb：

<div id="myModal" class="modal hide fade in" style="display: block;"> 
    <div class="modal-header"> 
    <a class="close" data-dismiss="modal">×</a> 
    <h3><%= t '.add_category_title' %></h3> 
    </div> 
    <div class="modal-body"> 
    <%= render :partial => 'wgform' %> 
    </div> 
</div>

在頁面加載時，和一個按鈕來觸發此模式應該被隱藏：

<a class="btn" href="#myModal" data-toggle="modal"><%= t '.add_category_btn' %></a>

但由於某種原因，頁面加載時會顯示模式，並帶有css屬性「display：block;」（它應該是「display：none;」）。右上方的「X」正確地解除它，並且按鈕正確顯示模式（如果在關閉模式後單擊）。

奇怪的是，所有工作都在一小時前進行，而且我沒有修改該文件。

我卡住了，不知道在哪裏看。

來源

2012-02-08 qwertoyo

任何JavaScript錯誤頁面加載時？也許在頁面加載時出現問題，導致隱藏代碼無法運行。 – Ryan 2012-02-08 22:00:06

@Ryan不，在瀏覽器的控制檯上沒有錯誤。 – qwertoyo 2012-02-08 22:06:37

嗯。那麼，你說你沒有改變那個文件，那麼在最後一個小時你有修改過的其他文件嗎？ – Ryan 2012-02-08 22:11:44

解決了編輯bootstrap.js.coffee（請參閱上面的註釋）。

bootstrap.js.coffee：出現在您的瀏覽器控制檯

$ -> 
    $("body > .topbar").scrollSpy() 
$ -> 
    $(".tabs").tabs() 
$ -> 
    $("a[rel=twipsy]").twipsy live: true 
$ -> 
    $("a[rel=popover]").popover offset: 10 
$ -> 
    $(".topbar-wrapper").dropdown() 
$ -> 
    $(".alert-message").alert() 
$ -> 
    domModal = $(".modal").modal(
    backdrop: true 
    closeOnEscape: true 
) 
    $(".open-modal").click -> 
    domModal.toggle()

來源

2012-02-13 18:08:53 qwertoyo

<div id="myModal" class="modal hide fade in" style="display: block;">

爲什麼你有style="display: block;"那裏？刪除它

來源

2012-02-12 05:35:09

錯誤，從引導頁面上的運行示例複製而來 – qwertoyo 2012-02-13 10:18:57

Bootstrap - Modals自動加載由於某種原因

回答

相關問題