Fancybox에서 PDF를 열면 휴대 기기에서 작동하지 않습니까?

나는 fancybox를 사용하여 pdf를 보여줍니다.Fancybox에서 PDF를 열면 휴대 기기에서 작동하지 않습니까?

클래스가 "fancybox_pdf"인 링크를 클릭하면 원하는대로 PDF가 열립니다.

모바일에 문제가 있습니다. 내 스마트 폰에서도이 문제를 테스트 중입니다. class = "fancybox_pdf"링크를 클릭하면 pdf가 전송되고 fancybox가 비어 있습니다.

이것이 정상적인가요? 모바일 장치에서 pdf 열어 본 Fancybox는 작동하지 않습니까?

(내가 바탕 화면에 모바일 버전에 대한 브라우저의 크기를 조정하는 경우, PDF와 fancybox도 잘 작동)

이 내 HTML입니다 :

:이 jQuery를 스크립트가

<nav id="menu"> 
    <ul>  
     <li><a href="index.php">Home</a></li> 
     <li><a class="fancybox_pdf" href="../pdf/pdf1.pdf">PDF 1</a></li> 
     <li><a class="fancybox_pdf" href="../pdf/pdf2.pdf">PDF 2</a></li> 
     <li><a class="fancybox_pdf" href="../pdf/pdf3.pdf">PDF 3</a></li> 
    </ul> 
</nav>

$(".fancybox_pdf").fancybox({ 
     width: '80%', 
     height: '80%', 
     autoSize: false, 
     type: 'iframe', 
     iframe: { 
      preload: false 
     } 
});

출처

2014-05-12 UserX

모바일에서이 기능을 사용할 수 있습니까? http://jsfiddle.net/wdnEM/2/show/? – JFK

답변 해 주신 JFK에게 감사드립니다. 그리고 당신이 저에게 준 jsfiddle로, Im이 나의 모범을 보인 것과 같은 일이 일어납니다. 나는 pdf를 다운로드하기 시작하고 fancybox는 공백으로 열린다! – UserX

휴대 전화에 어도비 리더를 설치 했습니까? – JFK

"PDF 뷰어"- 모바일 브라우저의 응용 프로그램에는 여러 가지 문제가있는 것 같습니다. 대부분의 사람들이 iframe을 지원하지만 대부분의 사람들이 "PDF 뷰어"를 그 안에 포함시킬 수없는 것처럼 보입니다.

그러나 여기에서 나는 HTML5 만 자바 스크립트를 기반으로, 매우 유망한 대안 해결책을 발견 : PDF.js

당신이 당신의 웹 서버에 대한 몇 가지 액세스 권한이 필요합니다

및 github이 상점을 설치합니다.

출처

2014-08-04 21:45:05

Fancybox에서 PDF를 열면 휴대 기기에서 작동하지 않습니까?

답변

관련 문제