在 fancybox 3 上添加分享按钮

Question

默认情况下不存在共享按钮，我想知道如何添加它。除了这个还有别的方法吗？

$('[data-fancybox="XXXXX"]').fancybox({
    buttons : [
        'share',
        'fullScreen',
        'close'
    ]
})

我在 Tumblr 上，并为 data-fancybox 使用 Tumblr 标签（即 data-fancybox="{PostID}"），但在上面的代码中为 XXXXX 使用 {PostID} 不起作用。

预先感谢您的帮助。

Answer 1

基本上有两种方法：

1) 使用 $( selector ).fancybox( options ); 到 select 您的链接并应用您的自定义选项。

注意：您可以使用任何 select 或者，没有必要使用 '[data-fancybox="XXXXX"]'，您可以使用，例如 '.imglist a'，演示 - https://codepen.io/anon/pen/YJaOVo?editors=1010

2) 只需更改默认值，例如：

$.fancybox.defaults.buttons = [ 
  'slideShow',
  'share',
  'zoom',
  'fullScreen',
  'close'
];

Adding share button on fancybox 3