fancyBox 3 afterShowがajaxでトリガーを作成したときに動作しない - jquery、fancybox

fancyBox popupが読み込まれた後に関数を起動しようとしています。

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

ポップアップのトリガーが通常どおりに作成された場合（つまりページの読み込み時）にのみ機能しますが、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"); }
});