Question

BootStrap模态框怎么实现打开一个其他的网页

Answer 1

前端框架 Bootstrap 模态框使用 remote 选项指定
URL框第弹候自址加载数据 .modal-body 加载通事件调用
removeData() 解决问题

1、Bootstrap 模态框简单使用

x
框标题

框主体

取消
确定

使用按钮或链接直接调用模态框简单用：
打框
打框

能静态内容框显示使用框 remote 选项实现更强效

2、使用 remote 选项让模态框加载页面 .modal-body

两种种使用链接另种使用脚本

2.1 使用链接

打框

点击链接page.jsp 内容加载框 .modal-body 随即显示框

2.2 使用脚本

$("#myModal").modal({
remote: "page.jsp"
});

段脚本效使用链接段脚本执行page.jsp 内容加载框 .modal-body 随即显示框

两种背都 Bootstrap 调用 jQuery load() 服务器端加载 page.jsp
页面加载发面管点击几链接或者执行几脚本哪怕改变传递给 remote
选项值框都重新加载页面真让疼事情问题能够解决

3、 移除数据让框能够每打重新加载页面

搜索并查阅相关文档发现框 hidden 事件写条语句：
$("#myModal").on("hidden", function() {
$(this).removeData("modal");
});

每打框前移除数据效
,