jquery ui dialog 加载单独页面，不使用iframe

 

使用iframe加载页面，

优点，没有冲突，缺点：需要单独引用css，js

 

一、使用ifame

方式一：

感觉这个好点，不用总重新创建iframe

<div style="display:none;overflow:hidden;padding:3px" id="dialog"><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" id="prodcutDetailSrc"  scrolling="no"  width="100%" height="100%"></iframe></div>

 

$("#prodcutDetailSrc").attr("src","ProductDetails.aspx?id=" + $(this).attr("id")); //设置IFRAME的SRC;
$("#dialog").dialog({dialogoptions});

 https://www.cnblogs.com/kmsfan/p/4119788.html

 

方式二：

$("<iframe id='editFrame' src='http://localhost:8080/upf/test.jsp' />").dialog({autoOpen: true, modal: true, title: "新增人员" });

 https://blog.youkuaiyun.com/codefighting/article/details/6263776

 

二、不使用ifame

用load方法加载，推荐

<div id="dlgCheckRole" class="hide"></div>

 

$("#dlgCheckRole").load(contextPath+"/role/checkRole?userId="+userId).removeClass('hide').dialog({dialogoptions});

 https://stackoverflow.com/questions/5660263/how-to-display-an-iframe-inside-a-jquery-ui-dialog