1

Twitter Bootstrap 2.1 で単純なモーダルを実装しようとすると奇妙なバグが発生します.modal-body。HTML を見ると、一瞬そこにあり、その後実際に削除され、pタグとすべてが含まれ、空の部分だけが残ります

<div class="modal-body"> </div>

モーダル トグル ボタンとモーダル ウィンドウのコードは次のとおりです。

<a type="button" href="#" class="btn btn-danger" data-target="#modal_confirm_delete" data-toggle="modal">Delete</a>

<div class="modal hide fade" id="modal_confirm_delete">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>Modal title</h3>
    </div>
    <div class="modal-body">
        <p>Modal body. This stuff is getting removed for some reason</p>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn btn-cancel" data-dismiss="modal">Cancel!</a>
        <a href="#" class="btn btn-danger">Continue...</a>
    </div>
</div>
4

1 に答える 1

5

プラグイン コードに基づいてhref、 を含まないセットがある場合#、remoteオプションが設定されていると見なされます。

次のようにオプションを明示的に設定することで、このデフォルト アクションをオーバーライドできます。

<a data-toggle="modal" href="/robots.txt" data-remote="false" class="btn btn-danger" data-target="#modal_confirm_delete" type="button">Delete</a>

動作デモ (jsfiddle) - 違いを確認したい場合は、各ボタンを使用するために再実行します

ペーストに完全な URL が含まれていなかっただけだと思います。含まれていない場合は、モーダルをアクティブにするか、イベントにバインドするために使用される JS を確認してください。

于 2012-10-05T17:12:07.180 に答える