Инициализация слайдера после вызова magnific popup. Как сделать что бы она была один раз, а не каждый раз при вызове попапа?

Question

[an_tropa]

Добрый день!
Подскажите как можно сделать инициализацию слайдера при первом открытии попапа, а все последующие игнорировать запуск?
Дело в том что я использую magnific popup + lightSlider. Для запуска галереи использую следующую конструкцию:

$('.popup-with-zoom-anim').click(function() {
		// slider initialization
			$('#lightSlider').lightSlider({
			gallery:true,
			item:1,
			loop:false,
			thumbItem:4,
			slideMargin:4,
		});
	});

В результате получается так, что при каждом вызове одного и того же попапа, в окне становится на одну галерею больше. Скажите пожалуйста, как можно сделать так что бы до обновления страницы, скрипт инициализировался всего один раз?
Спасибо!

Answer 1

[an_tropa]

В этом случае слайдер не отображается.
Может можно как нибудь по закрытию popup убирать инициализацию. Например через afterClose: function ()



Также сейчас заметил что если сделать ресайз окна (при инициализации вне обработчика клика) то слайдер после ресайза пояавляется.

Comments

[an_tropa]

Настроил вывод.
Может кому нибудь пригодится:

Повесил инициализацию слайдера на открытие попапа. А при его закрытии добавил функцию удаления того что он создает при инициализации. Не решение, но результат тот который нужен.

Выглядит это так:

$('.popup-with-zoom-anim').magnificPopup({
callbacks: {
			open: function() {
	      $('#lightSlider').lightSlider({
					gallery:true,
					item:1,
					loop:false,
					thumbItem:4,
					slideMargin:4,
				});
	    },
	    close: function() {
	      $(".lSGallery").remove()
	    }
});

Класс lSGallery это тот див который создается после инициализации слайдера.