华丽弹出窗口无法在移动设备上运行

Magnific Popup not working on mobile

本文关键字：移动 运行 窗口      更新时间：2023-09-26

精彩的弹出窗口似乎在台式机甚至Android手机上工作正常，但在iPhone上，它显示消息"此网页出现问题，因此已重新加载"并且无法播放Vimeo视频。

更新：刚刚在我的iPhone上的Chrome上尝试过，它工作正常。看起来它只是野生动物园？

这是 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
    });
}

有人有这个问题吗？提前感谢！

删除此属性 "disableOn： 400"

只保留下面的代码。

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

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

面对此类问题的原因有很多。

尝试遵循以下过程。试用 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：重置网络设置。

大多数情况下存在网络问题，因此我们将从 重置网络设置。因此，为此，只需导航到"设置"> 常规>重置网络设置。

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

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

在 Safari 浏览器中，前往"设置"> Safari 浏览器>清除网站数据。现在关闭 浏览器并重新启动它以检查错误是否仍然存在。

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

方法3：重置iPAD的

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

按住

并按住主页和睡眠按钮约 15 秒钟。让 它会自行重新启动。这应该可以解决任何其他问题。如果不是，那么 尝试方法 4。

方法 4： 重新安装 JAVA

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

和第三次尝试）

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

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

相关文章：