fancyBox 3 afterShow не работи, когато спусъка е създаден от

Опитвам се да задействам функция, след като се зареди изскачащото меню на fancyBox:

jQuery("[data-fancybox="car"]").fancybox({
afterShow: function() {
console.log("check me");
}
});

Тя работи само когато тригерът на popup се създава нормално (т.е. на страница зареждане), но ако спусъка на fancyBox е зареден с ajax, afterShow не конзолира "check me" текст.

Това е спусъкът:

<a data-fancybox="car" data-type="ajax" data-src="<?php echo home_url();?>/?car_card=<?php echo $post->ID;?>" href="javascript:;">
fancyBox Trigger - content is loaded fine, but afterShow does not fire when the trigger is created by ajax.
</a>

Някаква идея защо?

Отговори:

Ако инициализирате fancyBox преди вашето съдържание да съществува, тогава

1) разгледайте документацията - http://fancyapps.com/fancybox/3/docs/#usage и

2) опитайте нещо подобно:

$().fancybox({
selector  : "[data-fancybox="car"]",
afterShow : function() { console.log("check me"); }
});