Как убить Fancybox а!?

Question

[Андрей Кузнецов]

Кто знает помогите, код в catalog.element битрикс для перезапуска после ajax
аналогичный код для слайдера glide..js работает нормально:

let fancyboxInstance = null;

	document.addEventListener('DOMContentLoaded', function() {
		createOrUpdateFancybox();

	});

	BX.addCustomEvent("onAjaxSuccess", function() {
		createOrUpdateFancybox();
	});

function createOrUpdateFancybox() {
    const slElements = document.querySelectorAll('[data-fancybox]');
    const slExist = slElements.length > 0;

    if (!slExist) return; 

    if (fancyboxInstance) {
        fancyboxInstance.destroy(); 
    }

    fancyboxInstance = Fancybox.bind("[data-fancybox]");
}

BX пишет в консоли 'processing', TypeError: fancyboxInstance.destroy is not a function
close() тоже пробовал

Comments

[Ярослав Александров]

Если бы вы ещё в вопрос добавили описание что вы хотите сделать, зачем и какой результат получить хотите, тогда вероятность получения ответа была бы выше. А так ничего не понятно в вашем вопросе.

[Андрей Кузнецов]

Ярослав Александров, Думал ошибка какая для проверки задал вопрос ИИ и пишет подробно неужели не понятно?
1. Объявление переменной
let fancyboxInstance = null;
2. Инициализация при загрузке страницы

document.addEventListener('DOMContentLoaded', function() {
    createOrUpdateFancybox();
});

3. Обновление после AJAX-запросов

BX.addCustomEvent("onAjaxSuccess", function() {
    createOrUpdateFancybox();
});

— Вызывает ту же функцию после успешного выполнения AJAX-запросов в Bitrix. Это важно, потому что после динамической подгрузки контента (например, через AJAX) новые элементы с data-fancybox могут появиться на странице, и их нужно снова инициализировать.
4. Функция создания/обновления Fancybox

function createOrUpdateFancybox() {
    const slElements = document.querySelectorAll('[data-fancybox]');
    const slExist = slElements.length > 0;
    if (!slExist) return;
    if (fancyboxInstance) {
        fancyboxInstance.destroy();
    }
    fancyboxInstance = Fancybox.bind("[data-fancybox]");
}

Ищет все элементы с атрибутом data-fancybox.
Если таких элементов нет — выходит из функции.
Если экземпляр Fancybox уже существует — уничтожает его, чтобы избежать дублирования.

[Андрей Кузнецов]

Ярослав Александров, а у меня ругается -- в консоли 'processing', TypeError: fancyboxInstance.destroy is not a function-- на эту строку в коде
fancyboxInstance.destroy(); и по всей видимости не всегда корректно работает то есть не уничтожает экземпляр Fancybox

[Ярослав Александров]

Андрей Кузнецов, я думаю в такой постановке вопроса ответа вы точно не дождётесь. Если у вас проблемы и ошибки JS тогда добавьте тег javascript к вопросу

Answer 1

[tgarl]

А вы уверены что destroy есть у fancybox?
если в поиск забить то решение другое предлагают

$("a").unbind('fancybox').unbind('click');
или
$('a').unbind('click.fb');

Comments

[Андрей Кузнецов]

Да это помогает убить Fancybox а!