FancyBox 3 как получить доступ к контенту?

Question

[Дмитрий Щ]

В событии

beforeShow: function(instance, current) {
  console.info('done!');
  console.info(current);
}

консоль выдаёт

{
  $content:[div.htmlDataBlock.fancybox, prevObject: k.fn.init(1)]
  $slide: [div.fancybox.fancybox, prevObject: k.fn.init(1)]
  $thumb: null
  contentType: "html"
  forcedDuration: undefined
  index: 0
  isComplete: true
  isLoaded: true
  isLoading: false
 }

но при вызове

beforeShow: function(instance, current) {
	console.info(current.$content);
}

выдаёт undefined, как правильно обратиться к контенту слайда? что это за свойства, написанные через $
Пример с проблемой в песочнице

Answer 1

[Денис Грибанов]

По какой то причине в момент вызова console.log свойство $content еще не имеет массива ссылок на dom элементы, они заполняются позже (но console.log показывает состояние не в момент вызова, а актуальное).

Если разместите рабочий код в песочнице, можно будет понять в чем проблема.

Comments

[Дмитрий Щ]

Код с проблемой разместил в песочнице в 1м сообщении. Нужно для примера изменить текст "Hello World" на свой.

[Денис Грибанов]

Я так понял, вы и пример подправили. Раньше вопрос был про afterShow вроде, и в нем отрабатывает нормально.

Особенность хуков beforeShow и им подобных в js библиотеках зачастую подразумевает, что событие будет вызвано еще до отрисовки какого либо элемента. В данном случае, хук beforeShow вызывается перед отрисовкой элемента, потом элемент отрисовывается, и потом уже вызывается хук afterShow (в котором уже можно получить отрисованный элемент)

[Дмитрий Щ]

Денис Грибанов, спасибо, действительно в afterShow работает, но изменение контента слишком заметно. Получается до показа контента в beforeShow его никак не изменить?

[Денис Грибанов]

На этот вопрос я Вам ответить не могу, возможно как то и можно, но как именно - я не знаю.

[Дмитрий Щ]

Денис Грибанов, спасибо за отклик.

Answer 2

[Alfieros]

У вас контентная часть в html завёрнута в <div class="fancybox"> контент для fancybox </div> ?

Comments

[Дмитрий Щ]

И случае "inline" контента и в случае "ajax" доступ к $content не удаётся получить, пример с проблемой разместил в песочнице.

[Alfieros]

DmitrySheklein, в чём проблема то, если всё работает?

[Дмитрий Щ]

Alfieros, задача в функции "beforeShow" поменять текст контента с "Hello World" на что то своё.