jquery - 在 fancybox 3 上添加分享按钮

Question

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

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

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

预先感谢您的帮助。

Answer 1

基本上有两种方法:

1) 使用 $(选择器).fancybox(选项); 选择您的链接并应用您的自定义选项。

演示 - https://codepen.io/fancyapps/pen/vzoPMB?editors=1010

注意:您可以使用任何选择器，不必使用 '[data-fancybox="XXXXX"]'，您可以使用，例如 '.imglist a '，演示 - https://codepen.io/anon/pen/YJaOVo?editors=1010

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

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