Fancybox v3忽略数据选项

Question

我使用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"> 

无论我做什么，内嵌框架如下图所示的阳离子始终，而不是“我的标题”和设置献给宽度和高度也将被忽略“ABC”。

我在做什么错？

Answer 1

它看起来像在fancyBox3一个bug，如果你想设置标题设置的值数据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/