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"> 

、IFRAMEの下に示すカチオンが代わりに「マイキャプション」や毛皮幅と高さも無視される設定の「ABC」は常にあります。

私は間違っていますか？

Answer 1

それはあなたがキャプションを設定したい場合は、データ・キャプション属性に値を設定し、fancyBox3のバグのようになります。

<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'); 
} 

Iなぜこのようなことが起こったのか調査しています。

編集：私はそこfancyboxキャプションの問題を修正し

が（多分あなたは、このためにgithubの上で問題を置く必要があります）：

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