Question

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

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

提前感谢...

Answer 1

您是否已将您的fancybox代码包装在.ready()方法中？

如果您要打开图片，autoSize，width和height将不会对他们有效，因为他们会自动计算尺寸。这些选项适用于iframe，inline或ajax内容（可能还需要fitToView到false）

$(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 （请参阅弹性开启/关闭效果以及点击内容时关闭）

fancyBox选项没有任何效果

1 个答案: