首先在你的弹窗父页面添加如下代码,话不多说上代码
<div id="addCaseDiv" style="display:none;"> <iframe></iframe> </div>
接下来当你点击弹窗按钮时,我这里给这个按钮的id属性设为addBtn,title属性为弹窗标题,iframe中src属性就是你要在弹窗中显示的页面地址,jQuery执行代码如下
$("#addBtn").click(function(){ window.dialog = $("#addCaseDiv").clone().dialog({ title: "可疑案例历史详细", width : '100%', height : 600, modal : true }); // $("iframe",dialog).attr("scrolling","no"); $("iframe",dialog).attr("frameborder","0"); $("iframe",dialog).attr("height","100%"); $("iframe",dialog).attr("width","100%"); $("iframe",dialog).attr("src","Aml/html/SuspiciousPaybillDetail.html"); })
附上效果图几张,当你点击新增按钮时
弹窗如下窗口