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

时间:2018-02-21 05:27:41

标签: html fancybox-3

我正在使用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>
&#13;
&#13;
&#13;

但是,没有添加按钮,我收到jQuery错误&#34;无法使用&#39;&#39;运营商搜索&#39;长度&#39;在[&#39; slideShow&#39;,&#39; fullScreen&#39;,&#39; thumb&#39;,&#39; share&#39;]&#34;。我尝试通过数据选项传递选项对象,但这种方法效果不佳。我正在尝试做什么的正确语法是什么?我想添加一些标准按钮,例如缩略图预览,分享按钮(如果可以使用自定义HTML),等等

1 个答案:

答案 0 :(得分:1)

使用正确的JSON语法,例如,替换`和&#34;:

<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