FancyBox 3 how to access content?

Question

JavaScript

In an event

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

console outputs

{
  $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
 }

but when called

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

returns undefined, what is the correct way to refer to the content of the slide? what are these properties written via $
Sandbox problem example

Answer 1

For some reason, at the time of the console.log call, the $content property does not yet have an array of references to dom elements, they are filled later (but console.log shows the state not at the time of the call, but the actual one).
If you place the working code in the sandbox, you can understand what the problem is.

Answer 2

Do you have the content part in html wrapped in ? <div class="fancybox"> контент для fancybox </div>