近期在项目中使用到了bootstrap框架,本人最近才开始写web项目,之前是纯后台码农,
遇到一个在ajax返回的数据后,我需要根据返回的结果去弹出相应的modal对话框。
代码片段:
<div class="modal modal-draggable" id="modal" tabindex="-1" data-target = "#modal" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">提示信息:</h4>
</div>
<div id="subcontent" class="modal-body clearfix">
<%--ajax返回的数据放 </div>
<div class="modal-footer">
<button type="button" class="btn btn-warning btn-clean" data-dismiss="modal">Ok</button>
</div>
</div>
</div>
</div>
document.getElementById('subcontent').innerHTML = tip;
通过这条语句给相应的div赋值。
$(‘#modal’).modal({
keyboard: false//键盘esc关闭
}); 弹出对话框;