Как заставить некоторый код Javascript выполняться при загрузке любого диалога NyroModal

Question

У меня есть некоторый общий Javascript, который я хотел бы выполнить в случае открытия любого диалога NyroModal.

Как мне назначить обработчик события, скажем, для события «при загрузке» (или чего-то еще) компонента NyroModal?

Answer 1

Вы должны установить afterShowCont внутри параметров обратного вызова, например:

$.nmObj({
    callbacks: {
        afterShowCont: function(nm) {
            alert('Handled!');
        }
    }
});

Или, вы можете определить его в custum filter как:

$.nmFilters({
    custom: {
        afterShowCont: function(nm) {
            alert('Handled!');
        }
    }
});

Или вы можете определить его при инициализации элементов nyroModal:

$('.nyroModal').nyroModal({
    callbacks: {
        afterShowCont: function(nm) {
            alert('Handled!');
        }
    }
});

NB : все эти решения работают с nyroModal V2.

Answer 2

Все обработчики событий NyroModal могут быть установлены в его объекте 'options', который вы можете установить с помощью функции '$ .nmObj' (передавая объект, содержащий ключи / значения, которые вы хотите установить).

Чтобы справиться с загрузкой всплывающего окна, вам, вероятно, понадобится обработчик afterShowCont:

$.nmObj({
    callbacks: {
        afterShowCont: function(nm) {
            alert('Handled!');
        }
    }
});

Смотрите полный список событий здесь: http://nyromodal.nyrodev.com/#filters

Примечание: параметр 'nm' будет содержать экземпляр объекта NyroModal, который позволяет изменять содержимое, манипулировать NyroModal и т. Д.