Fancybox v3 忽略数据选项

【问题标题】：Fancybox v3 ignores data-optionsFancybox v3 忽略数据选项
【发布时间】：2017-03-31 12:37:15
【问题描述】：

我使用 Fandybox v3。不幸的是，数据选项的使用存在问题。

这是我的代码：

<a data-fancybox data-options='{"caption": "My caption", "src": "iframe.html", "css": {"maxWidth": "500", "width": "500", "maxHeight": "300", "height": "300"}}' href="javascript:;" title="abc">

无论我做什么，iframe 下方显示的阳离子始终是“abc”而不是“我的标题”，并且宽度和高度的设置也被忽略了。

我做错了什么？

【问题讨论】：

标签： jquery fancybox

【解决方案1】：

看起来像fancyBox3中的一个bug，如果你想设置标题设置一个值到data-caption属性：

<a data-fancybox data-caption="My caption" href="javascript:;">
    Open external page using iframe
</a>

问题就在这几行附近：

// Caption is a "special" option, it can be passed as a method
if ( $.type( obj.opts.caption ) === 'function' ) {
     obj.opts.caption = obj.opts.caption.apply( item, [ self, obj ] );

} else if ( 'caption' in data ) {
    obj.opts.caption = data.caption;

} else if ( opts.$orig ) {
   obj.opts.caption = $item.attr( 'title' );
}

我正在调查为什么会这样。

编辑：

我在那里修复了 fancybox 标题问题（也许你应该为此在 github 上提出一个问题）：

https://jsfiddle.net/Tintin37/g675hag6/

【讨论】：