Как закрыть только один попап из нескольких открытых?

Question

[DotDash]

Имеется пример на jsfiddle

Тут есть 3 уровня:
1 карусель
2 карточка со слайшоу
3 попап фото из карточки

2й и 3й сделаны через fancybox. 3й вызывается из 2го (на фидле видно).
Так вот, когда попап открывается, то таймер закрывает его через некоторое время, если закрыть его раньше, то таймер закроет карточку, т.к. отработает $.fancybox.close().
Обращение по селектору $.fancybox.close() не принимает, да и автор наверное не думал, что кто-то будет делать матрешку из плагина.
Условие наличия класса также не помогло.

Answer 1

[0xD34F]

Обращение по селектору $.fancybox.close() не принимает, да и автор наверное не думал, что кто-то будет делать матрешку из плагина.

Думал. Если передать true, то закрыто будет не одно только текущее активное окно, а все, что есть.

Хотите закрывать какое-то конкретное окно - надо дёргать не статический метод close, а тот, что доступен через соответствующий экземпляр fancybox. Который передаётся первым параметром в коллбеки. Т.е., в вашем случае должно быть так:

afterLoad(instance) {
  setTimeout(() => instance.close(), 2000);
},

Answer 2

[tyzberd]

https://jsfiddle.net/nbah8e4L/2/

Comments

[tyzberd]

или так https://jsfiddle.net/nbah8e4L/4/

[DotDash]

Ответ оказался проще чем я думал)
Может поможете в ещё одном впросе по этому же примеру? Проблема с Fancybox — почему останавливается слайдшоу?