Fancybox 3 - 将按钮添加到自定义 HTML 弹出窗口

Question

我正在使用 fancybox 3，类似这样

<a href="#popup" data-fancybox="popup" data-buttons="['slideShow','fullScreen','thumbs','share']">Click me!</a>

<div id="popup">MY POPUP with custom HTML</div>

但是，没有添加任何按钮，我收到 jQuery 错误 "Cannot use 'in' operator to search for 'length' in ['slideShow','fullScreen','thumbs','share']"。我试过通过数据选项传递一个选项对象，但效果不佳。我想做的事情的正确语法是什么？我想添加一些标准按钮，例如缩略图预览、共享按钮（如果可以自定义 HTML）等

Answer 1

使用正确的 JSON 语法，例如替换 ` 和 ":

<a href="https://source.unsplash.com/xAgvgQpYsf4/1500x1000" data-fancybox="group" data-buttons='["slideShow","fullScreen","thumbs","share"]'>
  <img src="https://source.unsplash.com/xAgvgQpYsf4/240x160" />
</a>

演示 - https://codepen.io/anon/pen/oEaoVr?editors=1000

Fancybox 3 - 将按钮添加到自定义 HTML 弹出窗口

Fancybox 3 - Add buttons to custom HTML popup

html

fancybox-3