2017-11-10 8 views
0

最近、私はJanisによって親切に解決されたxx秒後にFancyboxをトリガーする問題がありました。ファンシーボックス3 - ビューポートに応じてライトボックスを点灯

私はこれを前もって考えていたはずですが、ライトボックスがモバイルユーザーのために起動しないように、以下のコードを変更する方法がありますか?任意のヘルプみんなのため

<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>

感謝。

答えて

0

最も簡単な解決策はそうのように、内蔵の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); 
} 
+0

これは私の携帯電話上Fancyboxを有効にすると思われますか? –

+0

本当ですか?あなたはどんなデバイスを使っていますか? – Janis

+0

Sony Xperia XZ1 Compact。素晴らしい小さな電話。このコードは最新であることを確認したいのですが、うまくいきます:)

関連する問題