Как реализовать диалог подтверждения из 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, который используется на домашней странице.