19

私はこの質問が以前に何百回も尋ねられたことを知っています.

これはこれまでの私のコードです

    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"> 
    <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"></script>
    <link href="bootstrap/js/bootstrap.min.js" rel="stylesheet" media="screen">
    <link href="bootstrap/js/bootstrap-modal.js" rel="stylesheet" media="screen">
    <link href="bootstrap/js/bootstrap-transition.js" rel="stylesheet" media="screen">

そして体の中に私はこれを持っています：

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

<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 class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
        <button class="btn btn-primary">Save changes</button>
    </div>
</div>

おそらくGoogleマップに必要なため、ヘッドセクションで他のライブラリを使用していることに注意してください。それらを削除しようとしましたが、それでもモーダルビューをトリガーしませんでした。

4

11 に答える 11

1

すべてのスクリプトと css ファイルが script タグ内にロードされました。残りをラップしている script タグを取り出します。

于 2013-06-17T08:04:53.550 に答える
0

同じ問題があります。長い分析の後、私は解決策を見つけました: div modal に "style="display:none;" を追加します。理由はわかりませんが、ページをロードするとモーダルが非表示になりますが、firebug で検査すると、モーダルはドロップダウンを回復しますモーダルを表示して非表示にした後、js は "style="display:none;" を追加します。そしてドロップダウンが機能します。

于 2015-01-05T12:49:40.083 に答える