2013-07-31 156 views
1

我想通过jQuery加载一个PHP页面。我希望它具有弹出效果。我尝试使用下面的代码,但是当点击事件被触发时,好像只有导入页面的CSS被导入。页面内容没有出现,但由于CSS冲突导致外观发生变化。通过弹出加载页面加载

我想在页面加载,而不是与其他CSS

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

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

尝试在iframe中运行jQuery(尤其是ajax)时有特殊考虑。 –

+0

没错,但页面在我的服务器上,而不是外部网站。还有问题吗? –

+1

如果iFrame从本地站点加载,那么可以这样做,是的。但是iFrames按照源代码运行,而不是内容。我不知道你是否可以像这样加载内容。是否有你使用iFrame vs div的原因? –

回答

0
<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出现冲突,所以有时它只是更容易地创建一个新的,并在必要时摧毁。