如何从Fancybox 3实现确认对话框？

Question

我非常喜欢Fancybox，并且已经使用了很多年。目前，我正在考虑安装最新版本，并希望使用Fancybox 3（https://fancyapps.com/fancybox/3/）项目页面上演示的确认对话框。但是我不知道该怎么做。在哪里可以找到设置，如何启动对话框以及对话框中的内容来自哪里？

Answer 1

基本上，您像往常一样显示一些内联内容，然后使用afterClose回调检查单击了哪个元素以关闭模式（提示：将data-fancybox-close属性添加到任何元素以充当关闭按钮） ，就像这样：

afterClose : function( instance, current, e ) {
    var button = e ? e.target || e.currentTarget : null;
    var value  = button ? $(button).data('value') : 0;

    // Here you can choose what to do depending on the element
  }

这是主页上使用的更完整的代码https://codepen.io/fancyapps/pen/YRPoVB?editors=1010。