javascript - 在 fancybox 配置中使用变量

Question

我已经在我的 html 中设置了这个配置，但我一直收到一个错误（意外的标识符）。请帮忙！

$(document).ready(function(){
    $(".fancybox").fancybox({
        closeBtn  : false,

        helpers : {
            title : {
                type : 'inside'
            },
            buttons : {}
        },

        afterLoad : function() {
            this.title = (this.index + 1) + '. ' + longNames[this.index];
        }

        error    : '<p class="fancybox-error">'+fnbx_err+'</p>',
        closeBtn : '<a title="'+fnbx_clo+'" class="fancybox-item fancybox-close" href="javascript:;"></a>',
        next     : '<a title="'+fnbx_nex+'" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
        prev     : '<a title="'+fnbx_pre+'" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'
    });
});

Answer 1

问题不在于变量。你忘了把最后一部分放进去tpl。

$(document).ready(function(){
    $(".fancybox").fancybox({
        closeBtn  : false,

        helpers : {
            title : {
                type : 'inside'
            },
            buttons : {}
        },

        afterLoad : function() {
            this.title = (this.index + 1) + '. ' + longNames[this.index];
        },

        tpl : {
            error    : '<p class="fancybox-error">'+fnbx_err+'</p>',
            closeBtn : '<a title="'+fnbx_clo+'" class="fancybox-item fancybox-close" href="javascript:;"></a>',
            next     : '<a title="'+fnbx_nex+'" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
            prev     : '<a title="'+fnbx_pre+'" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'
        }
    });
});