用AJAX填充Bootstrap Modal Body

我想把我從AJAX獲得的html內容放在Modal Body中，我設法通過AJAX正確地獲得了html，當我檢查模式body時，我看到html被插入，但是我不能看到任何HTML體，我試圖玩CSS的身體，但沒有奏效。用AJAX填充Bootstrap Modal Body

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");

的問題是，該模式是空的。

請指點，

來源

2013-07-24 Ya Basha

試試這個

<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-24 04:54:57

，我能找到的模式，體內的HTML內容，但該模式是空的，沒有呈現？ ?? –

使用$('.modal-body')選擇。

如果您使用的軌道，像

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

應該運行此工作後

來源

2013-07-24 04:56:52 Anchor

用AJAX填充Bootstrap Modal Body

回答

相關問題