jquery - fancyBox 选项没有任何作用

Question

谁能告诉我以下代码有什么问题？我已经能够立即让 fancyBox 工作，但无论我做什么，选项都没有效果，甚至没有高度和宽度。它只是保持相同的默认外观..我尝试只设置一个选项，没有一个对外观有任何影响。

$(".covers").fancybox({
'autoSize': false,
'height': 300,
'width': 400,
'closeClick': true,
'openEffect': 'elastic',
'closeEffect': 'elastic'
});

提前致谢...

Answer 1

你把你的fancybox代码包装在.ready()方法中了吗？

如果您正在打开图像，autoSize,width并且height不会为它们工作，因为它们的大小是自动计算的。这些选项是 foriframe或content （inline也可能需要设置为）ajaxfitToViewfalse

$(document).ready(function () {
    $(".covers").fancybox({
        autoSize: false, // doesn't work with images
        height: 300, // doesn't work with images
        width: 400, // doesn't work with images
        fitToView: false, // if you require exact size (400x300)
        closeClick: true,
        openEffect: 'elastic',
        closeEffect: 'elastic'
    });
});

除此之外，您的代码工作正常，请参阅jsfiddle（请参阅弹性打开/关闭效果和单击内容时关闭）