jquery - 在窗口调整大小时更新 fancyBox 边距

Question

回复:http://fancyapps.com/fancybox/#docs

我已经设置了自定义边距选项，但希望在窗口低于特定尺寸时进行调整。有谁知道是否可以使用 API 方法来完成此操作。尽管以下内容不起作用，但它可以让您了解我正在尝试做什么:

if ($(window).width() <= 1024) $.fancybox.update({margin:18});

感谢任何帮助。

谢谢

Answer 1

我通过使用 fancybox 提供的 onUpdate() 回调并根据屏幕宽度更改边距来解决此问题:

$(document).ready(function() {
    $(".fancybox").fancybox({ 
        onUpdate: function () {
            if ($(window).width() < 768) {
                $.fancybox.current.margin = [10,10,10,10];
            } else {
                $.fancybox.current.margin = [30,90,30,90];
            }
        }
    });
});