4

Twitter ブートストラップを使用して作成しているモーダルが表示されません。ブートストラップが提供するコードを使用してテストモーダルを設定したのに、まだ機能しないのを見て、何が間違っているのかわかりません。

これが私のコードです（本体のみ）：bootstrap.js、bootstrap-modal.js、jquery.js、およびbootstrap.cssにリンクする必要があります

<body>
    <div class="modal hide" id="myModal">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">
                &times;
            </button>
            <h3>Modal header</h3>
        </div>
        <div class="modal-body">
            <p>
                Modal body would go here...
            </p>
        </div>
        <div class="modal-footer">
            <a href="#" class="btn" data-dismiss="modal">Close</a>
            <a href="#" class="btn btn-primary">Save changes</a>
        </div>
    </div>

    <a data-toggle="modal" href="#myModal">Show Modal</a>
</body>

また、ブートストラップ モーダルに必要なブートストラップ パッケージと jquery へのリンクは次のとおり です 。

4

2 に答える 2

5

私の問題は、boostrap.jsとbootstrap-modal.jsの両方を含めていたことでした。どうやら、bootstrap.jsを含める場合は、bootstrap-modal.jsも含めないでください。boostrap.jsは互換性のあるすべてのjavascriptプラグインをインポートするためです。そんな感じ。boostrap-modal.jsスクリプトリンクを削除した後、それは機能しました。

于 2012-07-26T18:54:45.460 に答える
4

あなたは電話しなければなりません：

<script>
   $('#myModal').modal('show')
</script>

</body>タグの後。または、ユーザーが何かをクリックしたときにのみ呼び出したい場合：

$('#button_id').click(function(){
    $('#myModal').modal('show')
});
于 2012-07-15T01:03:55.733 に答える