主页 / coding / 问题 / 79595807
Accepted
Gab
Asked: 2025-04-28 12:33:32 +0800 CST

Magnific 弹出窗口仅在大屏幕上有效 [重复]

  • 772

它在我的屏幕和一些测试人员的屏幕上运行，但对于一些屏幕较小的测试人员来说，它会打开一个新链接而不是弹出窗口

HTML：

<a class="popup-video" href="videos/onequote 1.mp4">
  <img src="images/thumb1.png">
</a>

脚本：

$(function() {
                $('.popup-video').magnificPopup({
                    disableOn: 1000,
                    type: 'iframe',
                    mainClass: 'mfp-fade',
                    removalDelay: 160,
                    preloader: false,
                    fixedContentPos: false
                });
            });
javascript

1 个回答

  1. Best Answer

    出现此问题的原因是 Magnific Popup 配置中的 disableOn: 1000 设置。此设置意味着当屏幕宽度小于 1000 像素时，弹出窗口功能将被禁用。因此，该代码的行为类似于普通链接，它会直接在新标签页中打开视频，而不是显示弹出窗口。要解决此问题，您可以完全移除 disableOn 选项，或将其设置为较小的值，例如 disableOn: 0。这样，即使在较小的屏幕上，弹出窗口也能正常工作。以下是更新配置后的示例

      $(function() {
    $('.popup-video').magnificPopup({
        disableOn: 0,
        type: 'iframe',
        mainClass: 'mfp-fade',
        removalDelay: 160,
        preloader: false,
        fixedContentPos: false
    });
});

    这应该可以解决问题，并使弹出窗口在所有屏幕尺寸上都能正常工作。希望这能有所帮助

    • 2

相关问题