2

ページの本文にモーダルを追加して JS にモーダルを動的に追加していますが、次のように呼び出しても表示されません。

$('#modalId').modal('show');

これは、html が動的に追加されるためでしょうか。その場合、モーダル ショーをイベントに添付するにはどうすればよいですか?

ここに私のモーダルがあります

<div id="modalId" class="modal-dialog">
<div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
            &times;</button>
        <h4 class="modal-title">
            Detach Site</h4>
    </div>
    <div class="modal-body">
        <p>
            Are you sure you wish to detach the following Site Server from this site?</p>
        <div class="form-group">
            <strong id="server-delete-name"></strong>
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">
            Close</button>
        <button id="delete-siteserver" type="button" data-delete-id="" class="btn btn-danger">
            Detach</button>
    </div>
</div>

$('body').append(); を使用して、このモーダルを本文に追加しています。

4

1 に答える 1

4

私はモーダルをこのように使います。ページの HTML で、モーダルのスケルトンをロードします。

<div id="modal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
        </div>
    </div>
</div>

次に、ajax でモーダルのコンテンツを読み込みます。私はこれを意味します：

<div class="modal-header">
    Header content 
</div>
<div class="modal-body" id="modal-body">
    Body content
</div>
<div class="modal-footer">
     Footer content
</div>

そして、すべての ajax 呼び出しに対して、コンテンツを<div class="modal-content">新しい結果に置き換えます。

お役に立てば幸いです。

于 2013-09-25T12:57:34.097 に答える