将Fancybox 2选项转换为HTML5数据属性的规则是什么？

Question

该选项是否按原样使用，除了小写或在单词之间添加连字符？换句话说，哪个选项 maxWidth ？

是正确的

data-fancybox-maxwidth

或

data-fancybox-max-width

Answer 1

由于特殊data-fancybox属性仅限于：

，因此这些都无效

• href
• type
• group
• title
• start

但是，您可以为特定的API选项设置自己的data属性，例如：

<a rel="gallery" class="fancybox" data-maxwidth="80%"  href="01.jpg"></a>

...并在.extend()回调中使用jQuery afterLoad设置它们，如：

afterLoad: function(){
    $.extend(this,{
        maxWidth: this.element.data("maxwidth")
    })
}

参见 JSFIDDLE

注意 fitToView设置为false且只有第一个元素具有data-maxwidth属性，因此它将是图库中唯一具有width属性的元素{1}}约束。