jquery - Fancybox 2 默认覆盖

Question

我正在尝试使用以下代码覆盖 fancybox 默认设置:

jQuery.extend(jQuery.fancybox.defaults, {
    padding: 25,
    margin: [20, 65, 20, 65]
});

它工作完美。但当我尝试覆盖这样的模板选项时，它停止工作:

jQuery.extend(jQuery.fancybox.defaults, {
    padding: 25,
    margin: [20, 65, 20, 65],
    tpl: {
        closeBtn: '<a href="javascript:;">custom code</a>',
        next: '<a href="javascript:;" >custom code</a>',
        prev: '<a href="javascript:;">custom code</a>'
    }
});

有什么问题吗？

Answer 1

这个想法是扩展“tpl”属性本身。我的代码如下所示:

$.extend($.fancybox.defaults.tpl, {
    closeBtn: '<a class="custom" href="javascript:void(0);">custom</a>'
});

我还像这样扩展“defaults”属性:

$.extend($.fancybox.defaults, {
    closeBtn: true,
    openEffect: "none",
    closeEffect: "none",
});

我用的就是这个。希望它会有所帮助。