2013-02-20 3 views
1

PDF가 iframe에 포함되어 있습니다. 클릭 한 번으로이 iframe을 숨길 필요가 있습니다. 하지만 어떤 이유로 iframe 섹션이 Safari 브라우저에서 숨겨지지 않습니다. 동일한 코드가 IE, Chrome 및 Firefox에서 잘 작동합니다. 여기 Safari에서 iframe에 삽입 된 PDF를 숨길 수 없습니까?

내 HTML 페이지에서 미리보기입니다 :

<div id="PDFSection" style="text-align:center;"> 
    <iframe id="PDFFrame" src="sample.pdf"> Loading... 
    </iframe> 
    <hr /> 
    <input id="btnEmail" type="button" value="Email" name="btnEmail"/> 
</div> 

을하고 여기에 내가 사업부 숨길 호출 오전 JQuery와 일부입니다

$(document).ready(function() { 
    $("#btnEmail").click(function() { 
    $("#PDFSection").hide(); 
    }); 
}); 

내가 시도 토글 (대신 숨기기의)()를 호출하고 iframe 요소 자체에서 hide()를 호출하려고 시도했습니다. 그러나 PDF 객체를 숨길 수있는 것은 없습니다. 나는 jQuery 코드가 실행될 때 PDFSection div를 숨 깁니다 (버튼과 hr 라인이 숨겨진 것을 볼 수 있듯이). 그러나 PDF는 화면에 그대로 있습니다. enter image description here

+1

여기에 있습니다 : http://stackoverflow.com/questions/20190842/iframe-jquery-toggle-fails-to-hide-pdf-in-safari –

+0

링크를 공유해 주셔서 감사합니다. –

답변

1

내가 당신의 예를 테스트 :

<html> 
    <head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
     $("#btnEmail").click(function() { 
      $("#PDFSection").hide(); 
     }); 
     }); 
    </script> 
    </head> 
    <body> 
    <div id="PDFSection" style="text-align:center;"> 
    <iframe id="PDFFrame" src="about:blank"> Loading... 
    </iframe> 
    <hr /> 
    <input id="btnEmail" type="button" value="Email" name="btnEmail"/> 
</div> 
    </body> 
</html> 

을하고 사파리 6.0.2에서 잘 작동 (8536.26.17 여기

전에 어떤 일이 일어나는지하고 버튼을 클릭 한 후 스크린 샷입니다) OSX 마운틴 라이온. 어쩌면 개발자 콘솔을 열어야합니다. cmd + alt + 및 추가 오류 메시지를 찾아보십시오.

+0

고마워, 나는 또한 귀하의 코드를 시도하고 src = "about : blank"iframe에 대해 작동하지만 src 특성에서 pdf 파일을 제공하면 숨길 수 없습니다. PDF로 시도해보십시오. 또한 Safari 5.1.2에서 Windows 7을 테스트 할 때 Safari 6.0.2에 대해 확신하지 못합니다. –

+1

좋아, 내가 Windows에서 사파리 없어. 더 이상 사용되지 않으며 더 이상 Windows 용으로 개발되지 않을 것입니다. –

관련 문제