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/