Fancybox 3 - 뷰포트에 따라 라이트 박스가 표시됩니다.

Question

최근 Janis가 친절하게 해결 한 xx 초 후에 Fancybox를 트리거하는 데 문제가있었습니다.

나는 이것을 생각해 보았을 것입니다. 그러나 라이트 박스가 모바일 사용자를 위해 트리거되지 않도록 아래 코드를 변경하는 방법이 있습니까? 어떤 도움들에 대한

<script type="text/javascript"> 
 
\t setTimeout(function() { 
 
\t \t $.fancybox.open({ 
 
\t \t \t type: 'iframe', 
 
\t \t \t src: '/contact-us/voucher-request-nc.aspx?Enquiry_Type=Sales%20Special%20Offers&Make=Vauxhall&Model=ADAM', 
 
\t \t \t width: "100%", 
 
\t \t \t opts: { 
 
\t \t \t \t iframe: { 
 
\t \t \t \t \t preload: false 
 
\t \t \t \t } 
 
\t \t \t } 
 
\t \t }); 
 
\t }, 15000); 
 
</script>

감사합니다.

Answer 1

가장 간단한 솔루션을 내장 사용하는 fancyBox의 모바일 장치 감지과 같이 될 것이다 :

if (!$.fancybox.isMobile) { 
    setTimeout(function() { 
     $.fancybox.open({ 
      type: 'iframe', 
      src: '/contact-us/voucher-request-nc.aspx?Enquiry_Type=Sales%20Special%20Offers&Make=Vauxhall&Model=ADAM', 
      width: "100%", 
      opts: { 
       iframe: { 
        preload: false 
       } 
      } 
     }); 
    }, 500); 
}