如演示中所示，如何将社交分享添加到 fancybox (fancybox3) 工具栏？答案

【问题标题】：How to add social sharing to fancybox (fancybox3) toolbar as seen in demo?如演示中所示，如何将社交分享添加到 fancybox (fancybox3) 工具栏？
【发布时间】：2018-09-23 22:56:14
【问题描述】：

在 fancybox3 deme 页面 (https://fancyapps.com/fancybox/3/) 上，您可以配置选项以将共享按钮显示为工具栏的一部分。

screenshot of demo sharing option enabled

screenshot of working fancybox demo with sharing

但是，当我添加以下按钮选项代码时，如文档中所述，不包含此类共享按钮。

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

如何添加演示中所示的相同社交分享功能？如果这显示为一个选项，并作为一个选项包含在文档中（没有提及其他说明或特殊要求），我假设它是 fancybox3 内置的东西？如果没有，是否有一种简单的方法可以重新创建它？

我看到了一些问题和小技巧，展示了如何在旧版本的 fancybox 中完成此操作，但只需要输入如何在最新版本、fancybox 3 中完成此操作。谢谢！

【问题讨论】：

标签： jquery fancybox sharing fancybox-3

【解决方案1】：

确保您的选择器 $('[data-fancybox]') 返回您的项目，它应该可以正常工作。演示 - https://codepen.io/anon/pen/ReRwLP?editors=1010

【讨论】：