Как добавить блок в появившейся блок fancybox?

Question

[Neowaring]

Добавлено увеличение изображений fancybox для товара. При увеличении открывается изображение и добавляется блок в html страницы:

<div class="fancybox" style="transform: translate(0px, 0px);">
  <div class="fancybox-placeholder" >
    <img class="fancybox-image" src="/catalog/Goods/0001/21345342.jpg">
  </div>
</div>

Пытаюсь добавить дополнительный блок с текстом в блок с классом fancybox-placeholder до img скриптом:

$(".mainimage").click(function () { //ID кнопки для увеличения
		$(".fancybox-placeholder").append('<div>Текст нужный</div>'); //Добавление блока перед img
	});

Есть ли возможность добавлять сразу ПОСЛЕ появления окна увеличенного изображения в каждый существующий элемент .fancybox-placeholder дополнительный дочерний блок или после нажатия добавлять?

Answer 1

[historydev]

Класс с id не перепутали?

$(".mainimage").click(function () { //ID кнопки для увеличения
    $(".fancybox-placeholder").append('<div>Текст нужный</div>'); //Добавление блока перед img
  });

Comments

[Neowaring]

Нет. просто так подписал потом id изменил на class

[historydev]

Neowaring Stalker, попробуйте вот так

$(".mainimage").click(function () { //ID кнопки для увеличения
    $(".fancybox").append('<div class="fancybox-placeholder">Текст нужный</div>'); //Добавление блока перед img
  });