作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想将从 AJAX 获取的 html 内容放入模态主体中,我设法通过 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("切换");
问题在于模态框为空。
请多多指教
最佳答案
试试这个
<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>
关于javascript - 使用 AJAX 填充 Bootstrap 模态主体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17825315/
我来自 Asp.Net 世界,试图理解 Angular State 的含义。 什么是 Angular 状态?它类似于Asp.Net中的ascx组件吗?是子页面吗?它类似于工作流程状态吗? 我听到很多人
我一直在寻找 3 态拨动开关,但运气不佳。 基本上我需要一个具有以下状态的开关: |开 |不适用 |关 | slider 默认从中间开始,一旦用户向左或向右滑动,就无法回到N/A(未回答)状态。 有人
我是一名优秀的程序员,十分优秀!