Magnific Popup不支持移动设备

时间:2016-01-21 18:20:51

标签: javascript ios magnific-popup

Magnific弹出窗口似乎在桌面甚至Android手机上工作正常,但在iPhone上它显示了消息“此网页出现问题因此重新加载”并且不播放Vimeo视频。

更新:刚刚在我的iPhone上的Chrome上试过它,它运行正常。看起来只是Safari?

这是HTML代码:

<ul id="page1-slider7" class="bxslider">
    <li>
        <div class="c c1"><a href="http://vimeo.com/80951188" target="_blank" class="portfolio-link video">Watch Video</a><img src="images/sidecar/video/SmuinXXmas.jpg" /></div>
    </li>
    <li>
        <div class="c c2"><a href="http://vimeo.com/119386830" target="_blank" class="portfolio-link video">Watch Video</a><img src="images/sidecar/video/SunrunBrilliant.jpg" /></div>
    </li>
    <li>
        <div class="c c3"><a href="http://vimeo.com/151719496" target="_blank" class="portfolio-link video">Watch Video</a><img src="images/sidecar/video/PIER_BOGO_Video.jpg" /></div>
    </li>
</ul>

js文件

var initPopup = function(){
    $('.portfolio-link.video').magnificPopup({
        disableOn: 400,
        type: 'iframe',
        mainClass: 'mfp-fade',
        removalDelay: 160,
        preloader: false,
        fixedContentPos: true
    });
}

有人有这个问题吗?提前谢谢!

2 个答案:

答案 0 :(得分:4)

删除此属性“ disableOn:400”

仅保留下面的代码。

jQuery('.portfolio-link.video').magnificPopup({
    type: 'iframe',
    mainClass: 'mfp-fade',
    removalDelay: 160,
    preloader: false,
    fixedContentPos: true
});

答案 1 :(得分:0)

我遇到了和你一样的问题。我认为问题不在于编码。

面对这类问题有很多理由。

尝试按照以下步骤操作。 试验1)

1-Close all open apps by double pressing the Home button then swipe up on all open apps.

2-Clear your browser’s history and web site data by going to Settings > Safari > Clear History and Website Data.

3-Restart your device.

4-Reset your iPad or iPhone by  pressing and holding the Sleep/Wake and Home buttons at the same time for about 5-10 seconds until you see the Apple logo.

试验2)

  

方法1:重置网络设置。

     

大部分时间都存在网络问题,所以我们将从头开始   重置网络设置。所以要这样做,只需导航到设置&gt;   一般&gt;重置网络设置。

     

方法2:清除浏览器缓存&amp;历史。

     

如果您发现您的网络不是问题,那么您的下一个   步骤是修复浏览器的问题。所以更好你清除你的   浏览器缓存&amp;历史。

     

在Safari中,转到设置&gt; Safari&gt;清除网站数据。现在关闭了   浏览器并重新启动它以检查错误是否仍然存在。

     

提示:关闭浏览器中所有未使用的标签页。

     

方法3:重置iPAD

     

大多数情况下,上面提到的2种方法应该适用于修复A.   此网页出现问题,因此重新加载错误,但如果您   仍然无法摆脱它,那么你需要重置你的iPad。

     

按住并按住Home and Sleep按钮约15秒钟。让   它自己重启。这应该解决任何进一步的问题。如果不是那么   尝试方法4。

     

方法4:重新安装JAVA

     

最后,卸载然后重新安装JAVA。如果Java是   问题然后此方法将为您修复此错误。

第3次尝试)

阅读Apple论坛中的解决方案,并尝试解决方案,如线程中的用户所说。

  

A problem occurred with this web page so it was reloaded