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

Question

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

启用演示共享选项的屏幕截图

带有共享功能的 fancybox 演示的屏幕截图

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

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

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

我已经看到问题和小提琴展示了如何为旧版本的 fancybox 完成此操作，但只需要输入有关如何在最新版本、fancybox 3 中完成此操作的输入。谢谢！

标签： jqueryfancyboxsharingfancybox-3

Answer 1

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