使用模态时出现问题
Issue while using Modals
我正在我的应用程序中使用 Twitter 引导程序创建一个模态。在 onclick 事件上创建一个模态它在火狐和铬中工作正常。但是在IE8中运行我的应用程序时,在该模式NewPage.aspx页面中无法正确查看。
这是我的代码:
<div id="MyModal" class="modal hide in">
<div class="modal-dialog">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×</button>
<h3 id="myModalLabel">
Header</h3>
</div>
<div class="modal-content">
<div class="modal-body">
<iframe id="modal-frame" src="" style="zoom: 0.60; position: relative;" frameborder="0"
height="450" width="850"></iframe>
</div>
</div>
</div>
</div>
<button modalurl="~/NewPage.aspx" id="lnkNewModal" onclick="openMyModal(this);"
runat="server">Modal</Button>
function openMyModal(curObj) {
$("#MyModal").modal({
"backdrop": "static",
"keyboard": true,
"show": true
});
var url = $(curObj).data("modalurl");
$('#MyModal').on('show', function () {
$('#modal-frame').attr("src", url);
});
$('#MyModal').modal({ show: true });
}
提前感谢大家的回复。
Javascript代码中有一个小错误
function openMyModal(curObj) {
var url = $(curObj).attr("modalurl"); //Note here
$('#MyModal').on('show', function () {
$('#modal-frame').attr("src", url);
});
$("#MyModal").modal({
"backdrop": "static",
"keyboard": true,
"show": true
});
}
这很有效,干杯!!
相关文章:
- 在将缩略图链接到模态时遇到问题
- 从谷歌地图自定义控件打开离子模态时遇到问题
- Jquery 关闭模态问题
- 模态对话框与指令在角度,范围问题
- 华丽的弹出模态问题“获取内联”
- 模态中模态的关闭问题 - 引导
- AngularJS Bootstrap UI,将数据传递到模态的问题.已选择卡未定义
- 模态弹出问题
- 使用模态时出现问题
- 引导模态元素的高度问题
- 铬CEF显示模态对话问题
- 这个模态有什么问题.
- Angular UI 模态的范围问题
- 在控制器中调用ng模态时出现问题
- jQuery图像调整大小以适应模态的问题
- 关闭模态问题
- 在第一个模态中打开另一个模态时,启动模态问题
- 使用Angular引导模态多重问题
- JQuery / JavaScript线程问题-模态对话框
- Bootstrap:使用模态显示动态数据时出现问题