2013-07-31 2 views
1

jQuery를 통해 PHP 페이지를로드하려고합니다. 팝업 효과를 원합니다. 아래 코드를 사용해 보았지만 클릭 이벤트가 발생하면 가져온 페이지의 CSS 만 가져 오는 것처럼 보입니다. 페이지 내용은 나타나지 않지만 CSS 충돌로 인해 모양이 바뀝니다.팝업에서 .load를 통해 페이지로드

그래서 가끔은 새로운 하나를 생성하고 필요에 따라 파괴 그냥 쉽게,로드

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과 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을 다루는 싫어 다른 CSS와 충돌하지 페이지를하고 싶습니다 .

관련 문제