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

朴灿烈づ我的快乐病毒、 2022-04-06 12:46 282阅读 0赞

使用iframe加载页面，

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

**一、使用ifame**

方式一：

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

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

[https://www.cnblogs.com/kmsfan/p/4119788.html][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.csdn.net/codefighting/article/details/6263776][https_blog.csdn.net_codefighting_article_details_6263776]

**二、不使用ifame**

用load方法加载，推荐

$("#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][https_stackoverflow.com_questions_5660263_how-to-display-an-iframe-inside-a-jquery-ui-dialog]

[https_www.cnblogs.com_kmsfan_p_4119788.html]: https://www.cnblogs.com/kmsfan/p/4119788.html
[https_blog.csdn.net_codefighting_article_details_6263776]: https://blog.csdn.net/codefighting/article/details/6263776
[https_stackoverflow.com_questions_5660263_how-to-display-an-iframe-inside-a-jquery-ui-dialog]: https://stackoverflow.com/questions/5660263/how-to-display-an-iframe-inside-a-jquery-ui-dialog