0

私は自分のウェブサイトにブートストラップモデルを実装しました.....モデルは正常に機能していますが、モデルは実際のブートストラップモデルのように上からスライドしません....修正方法....

実際のモデル

http://jsfiddle.net/nJ6Mw/1/

モデルが上からスライドしない

http://jsfiddle.net/y88WX/embedded/result/

<div id="example" class="modal hide fade in" style="display: block;" aria-hidden="false">
    <div class="modal-header"> <a class="close" data-dismiss="modal">×</a>
        <h3>This is a Modal Heading</h3>
    </div>
    <div class="modal-body">
        <h4>Text in a modal</h4>
        <p>You can add some text here.</p>
    </div>
    <div class="modal-footer"> <a href="#" class="btn btn-success">Call to action</a>
        <a href="#" class="btn" data-dismiss="modal">Close</a>
    </div>
</div>
4

1 に答える 1

0

動作させようとしているフィドルで競合するリソースが多すぎる場合、このフィドルは機能します。したがって、このコードをロードしようとしているページに配置できても機能しない場合は、問題がブートストラップではないことを知っています。また、問題が発生しているページへのリンクを送信してください。さまざまなリソースが添付されたフィドルを送信しないでください。

javascriptを介してモーダルのオプションを定義する必要があります。

$(function() {
    $('#event-modal').modal({
        backdrop: true;
    });
});

サイトのすべてのcssとlinks/htmlを直接フィドルに配置することは、誰かがあなたのためにジャンプしてデバッグするのは簡単ではありません。

http://jsfiddle.net/sfWBT/1/

于 2013-02-27T04:05:53.863 に答える