1

モーダルダイアログを作成しました

<a href="#myModal" role="button" class="btn" data-toggle="modal" id="LaunchDemo">Launch demo modal</a>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Modal header</h3>
    </div>
    <div class="modal-body">
        <p>One fine body…&lt;/p>
    </div>
</div>

私はちょうど..からモーダルを呼び出しました

$("a#LaunchDemo").click();

しかし、モーダルはblinking画面上にあるだけで、ボタンをクリックしてモーダルも呼び出しました。同じ問題が発生しています。どこが間違っていましたか?

4

4 に答える 4

2

DOM が完全にロードされたら、JavaScript コードを実行する必要があります。そして、modal代わりに使用しますclick

$(document).ready(function() {
   $('#LaunchDemo').modal(options)
});

デモ: http://jsfiddle.net/MgcDU/1998/

于 2013-02-16T23:46:36.790 に答える
0

hideモーダル div からクラスを削除してみてください。
<div id="myModal" class="modalhidefade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

于 2014-03-15T05:46:55.060 に答える
0

モデルの with が大きすぎると間違っていました。

ブートストラップファイル {width:900} でモーダルクラスのスタイルシートを設定するときに試すことができます

それは起こります....

于 2013-07-20T11:25:50.347 に答える
-1

ページの一部にリンクしようとしているため、ハイパーリンク タグのhref="#myModal"を削除します。

また、セレクターで要素タイプを指定する必要はありません。ID で要素を検索する方が高速です。

于 2013-02-16T23:45:12.657 に答える