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

Question

我正在尝试通过 jQuery 加载 PHP 页面。我希望它具有弹出效果。我尝试使用下面的代码，但是当点击事件被触发时，似乎只有来自导入页面的 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，所以有时创建一个新的并在必要时将其销毁会更容易。