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

如果要将标题设置为data-caption属性的值，它看起来像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' );
}

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

编辑：

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

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

Fancybox v3忽略了数据选项

1 个答案: