放大弹出窗口无法在移动设备上运行

问题描述 投票:0回答:3

大型弹出窗口似乎在桌面甚至 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
    });
}

有人遇到这个问题吗?预先感谢!

javascript ios magnific-popup
3个回答
14
投票

删除此属性“disableOn:400”

仅保留以下代码。

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

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)

方法一:重置网络设置。

大多数时候都会出现网络问题,因此我们将从 重置网络设置。为此,只需导航至“设置”> 常规 > 重置网络设置。

方法2:清除浏览器缓存和历史记录。

如果您发现您的网络不是问题,那么您的下一个 步骤是解决浏览器的问题。所以你最好清除你的 浏览器缓存和历史记录。

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

提示:关闭浏览器中所有未使用的选项卡。

方法 3:重置您的 iPAD

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

按住“主页”和“睡眠”按钮约 15 秒。让 它会自行重新启动。这应该可以解决任何进一步的问题。如果没有那么 尝试方法4。

方法四:重新安装JAVA

最后,卸载并重新安装JAVA。如果Java是 那么这个方法将为您解决这个错误。

第三次尝试)

阅读 Apple 论坛中的解决方案并尝试 Thread 中用户所说的解决方案。

此网页出现问题,已重新加载


0
投票

Funciona Ghoghari Rohit,谢谢。

© www.soinside.com 2019 - 2024. All rights reserved.