Что мешает загрузке fancybox после перерисовки страниц?

Question

Пожалуйста, кто-нибудь взглянет на мои jquery-скрипты, почему они сражаются? После того, как я включил переходы страниц с помощью swup, галереи fancybox перестали работать должным образом, нажатие на изображение заставляет его переходить в полноэкранный режим, а не открывать оверлейное изображение fancybox. Но иногда после нажатия назад, fancybox загружается. В других случаях кнопка возврата не действует, и мне приходится обновлять страницу. Примеры проблемных страниц: https://www.corebots.design/photologue/gallerylist/gallery/rohace-mountains/

пытался обернуть функцию fancybox с помощью "swup: contentReplaced", как и другие сценарии, но это не работает.

function init() {
    if (document.querySelector('#fancybox')) {
        (function( $ ) {
          $(function() {
                $("#fancybox").fancybox();
          });
        })(jQuery);
    }
}

// initialize swup for pages transitions
const swup = new Swup();


swup.on('contentReplaced', init);

// trying to reload fancybox as suggested by swup doc https://swup.js.org/getting-started/reloading-javascript
document.addEventListener('swup:contentReplaced', function () {

(function( $ ) {
          $(function() {
                $("#fancybox").fancybox();
          });
        })(jQuery);

});

Answer 1

Единственное, что может помешать, это функция history, вы можете отключить ее, установив:

$("#fancybox").fancybox({
  history: false
});