2013-07-31 191 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出現衝突,所以有時它只是更容易地創建一個新的,並在必要時摧毀。