jquery - Fancybox 规则冲突

Question

此规则使用字幕的 alt 属性:

$(".fancybox").fancybox({
beforeShow : function() {
    var alt = this.element.find('img').attr('alt');

    this.inner.find('img').attr('alt', alt);

    this.title = alt;
}
});

此规则包含图像宽度内的标题:

$(".fancybox").fancybox({
helpers : {
    title: {
        type: 'inside'
    }
}
});

有什么办法可以让这两个规则同时起作用吗？

Fancybox 自动使用标题为图像生成说明文字。当预期标题的文本很长时，这会导致工具提示变得难看。我想使用 alt 作为标题，这样我就可以将标题留空，并完全消除工具提示。提前致谢。

Answer 1

您可以在同一个 fancybox 初始化脚本中添加任意数量的 API 选项(称为规则)，并用逗号将它们彼此分隔，例如

jQuery(document).ready(function ($) {
    $(".fancybox").fancybox({
        // all your API options here
        beforeShow: function () {
            var alt = this.element.find('img').attr('alt');
            this.inner.find('img').attr('alt', alt);
            this.title = alt;
        },
        helpers: {
            title: {
                type: 'inside'
            }
        }
    });
}); // ready

参见JSFIDDLE