0

AJAX から取得した html コンテンツを Modal Body 内に配置したいのですが、AJAX を介して HTML を正しく取得することができました。モーダル本文を調べると、html が挿入されていることがわかりますが、html 本文には何も表示されません。ボディのCSSで遊んでみましたが、何も機能しませんでした。

AJAX コード:

$.get("{{[byt_app_root]}}/control/byt_general_manager.tcl",{action:21},function(htmlContent){
$('body').append('\
<div class="modal hide fade" id="MobileAppPromoDiv">\
<div class="modal-header">\
<a class="close" data-dismiss="modal">×</a>\
</div>\
<div class="modal-body">\
'+htmlContent+'\
</div>\
</div>');
});

JS を介してモーダルにアクセスする場合: $("MobileAppPromoDiv").modal("toggle");

問題は、モーダルが空であることです。

ご意見をお聞かせください、

4

2 に答える 2

2

これを試して

<div class="modal hide fade" id="MobileAppPromoDiv">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
    </div>
    <div class="modal-body">
    </div>
    <div class="modal-footer">
    </div>
</div>
<script type="text/javascript">
    $.get("{{[byt_app_root]}}/control/byt_general_manager.tcl", { action: 21 }, function (htmlContent) {
        $('#MobileAppPromoDiv').find('.modal-body').append(htmlContent);
        $('#MobileAppPromoDiv').modal('show');
    });
</script>
于 2013-07-24T04:54:57.733 に答える
0

$('.modal-body')セレクターを使用します。

レールを使用している場合は、次のようなものです

$('.modal-body').html('<%= escape_javascript( ... ) %>');

動作するはずです

于 2013-07-24T04:56:52.700 に答える