在弹出窗口中通过.load加载页面

Question

我正在尝试通过jQuery加载PHP页面。我希望它有弹出效果。我尝试使用下面的代码，但是当触发click事件时，似乎只导入导入页面中的CSS。页面内容不会出现，但由于CSS冲突，外观会发生变化。

我希望页面加载而不与其他CSS冲突

function previewPop(){
    $(".pop").click(function(){
        $("iframe#preview").load("templates/1.php",

          function(){$("iframe#preview").fadeIn(300); })
    });
};

Answer 1

<div id="frame_wrapper">

</div>



$(".pop").click(function(){
 var the_iframe = '<iframe id="my_iframe" src="' + templates/1.php + '" height="500px" width="500px">';
 $('#frame_wrapper').append(the_iframe);
});

我讨厌处理iframe，所以有时候创建新的iframe会更容易，并在必要时将其销毁。