2012-02-08 33 views
1

私はRails 3.2とtwitter-bootsrap-rails gem (link)を使用しています。何らかの理由でブートストラップ - モーダルオートロード

私はモーダルを持っている、これは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」は右に動いて閉じ、ボタンはモーダルを正しく表示します(閉じた後にクリックされた場合)。

1時間前にすべてが動作していて、私はそのファイルを変更していないというのは奇妙なことです。

私は立ち往生しています、どこを見なければならないのですか?

+0

ページがロードブラウザのコンソールに表示される任意のJavascriptエラー?ページの読み込み時に何かが間違っていると、隠れているコードが実行されないことがあります。 – Ryan

+0

@ Ryanいいえ、ブラウザのコンソールにエラーはありません。 – qwertoyo

+0

Hmm。まあ、あなたはそのファイルを変更していないと言いますが、最近1時間に変更したファイルはありますか? – Ryan

答えて

0

解決済みの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() 
0
<div id="myModal" class="modal hide fade in" style="display: block;"> 

なぜstyle="display: block;"がありますか?それを削除する

+0

間違い、ブートストラップページの実行例からコピー – qwertoyo

関連する問題