Объект Fancybox не активен, но загружается правильно

Question

когда пользователь впервые заходит на страницу, появится всплывающее окно с информационным текстом. После этого пользователь получает файл cookie javascript. fancybox.open будет запущен в js.

Окно загружается правильно, и все выглядит хорошо, но кажется, что мой объект не активен (?) - я действительно не могу этого объяснить. Когда я пишу $ .fancybox в консоли, весь объект существует, но isActive, isOpen и isOpenend присваивают значение false. Может кто-нибудь объяснить эти странные вещи?

Дж с триггером

$(document).ready(function () {
    let url = $("#webinarInfo").attr('value');

    $("#webinarInfo").click(function () {
        $.fancybox.open([
            {
                type: 'iframe',
                href: url,
                width: 630,
                height: 750,
                autoSize: true,
                closeBtn: false,
                padding: 0,
                afterClose: function () {
                    location.reload();
                }
            }
        ]);
    });

    $("#closeInfo").click(function () {
        parent.$.fancybox.close();
    });


    //checks if browser has enabled cookies and if the user doesn't have a cookie
    if (navigator.cookieEnabled === true) {
        if (document.cookie === "" || document.cookie === undefined) {
            return callFancybox();
        }
    }

    //trigger button with the popup-info. after that create a cookie
    function callFancybox() {
        $("#webinarInfo").trigger("click");
        document.cookie = setWebinarCookie();
    }
});

Кнопка с URL:

<a class="button ic-webinar-btn-block ic-info-btn" id="webinarInfo" value="URL">Hinweise<span class="info-i"></span></a>

Я могу с уверенностью сказать, что URL правильный. Кроме того: у пользователя есть возможность нажать на эту кнопку, чтобы снова прочитать всплывающую информацию. Когда пользователь вручную нажимает на эту кнопку, все просто отлично работает.