2013-07-02 2 views
0

그래서 숨겨진 div에 Jquery.contents()을 사용하여 팝업 창의 팝업 창에 내용을 배치하여 내부 HTML 팝업 창 작업을 수행하려고합니다.iframe breaking jquery.contents?

어떤 이유로 div 중 하나에 iframe이 있으면 html에있는 div가 모두 추가되지 않습니다. 어떤 종류의 버그입니까? 다음은 예입니다 위의 경우

<div class="hide"> 
    <div id="apps"> 
     <iframe src="http://ryansaxe.info/javascriptpaint" /> 
    </div> 
    <div id="contact"> 
     <ol> 
      <li>Phone: (111)-111-111</li> 
      <li>Email: [email protected]</li> 
     </ol> 
    </div> 
    <div id="resume"> 
     <p>resume</p> 
    </div> 
</div> 

, 그것은 iframe이 있기 때문에 단지 #apps 내용은, 읽고, 그 이후의 모든 내용은 읽지 않는다. #apps ID를 가진 div이 마지막 경우, 모든 하나 하나가

Jsfiddle

참고 Jquery.contents()를 통해 읽을 수있는 내용을 것 : 여기

내 JQuery와있다

$('.open').click(function(){ 
    var name = $(this).attr("name"); 
    var selector = $(name); 
    var cont = selector.contents(); 
    $('#pop').append(cont.clone()); 
}); 
$('.close').click(function(){ 
    $('#pop').empty(); 
}); 

답변

2

처럼 스크립트의 경우 /> 구문을 iframe과 함께 사용할 수 없습니다. 명시 적으로 다음을 작성하십시오. </iframe> :

<iframe src="http://ryansaxe.info/javascriptpaint"></iframe> 
+0

감사합니다. 그것은 트릭을했다!! –