无法使用Magnific弹出窗口和PHP设置我的DIV样式

Question

我正在使用PHP / SQL来显示我的元素。我添加了插件Magnific Popup，以便在用户点击它时点亮元素。

但是我无法设置弹出元素的样式，因为我使用#ID（应该是设置弹出窗口的样式）来选择单击的元素。

有没有其他方法可以显示我的元素，所以我可以设置弹出窗口的样式？

这是我的代码：

PHP / HTML

<?php while ($row = mysql_fetch_array($query)): ?>

  <div class="grid-item">

   <a class="popup-with-zoom-anim" href="#small-dialog-<?php echo $row['leakID']?>" >
   <img src="<?php echo $row['leakURL']?>">
   </a>

 </div>

 // The hidden POP-UP
 <div id="small-dialog-<?php echo $row['leakID']?>" class="mfp-hide">
   <img src="<?php echo $row['leakURL']?>">
</div>

<?php endwhile?>

JQUERY

$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',

fixedContentPos: false,
fixedBgPos: true,

overflowY: 'auto',

closeBtnInside: true,
preloader: false,

midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-slide-bottom'
});

Answer 1

您可以使用mfp类来设置弹出窗口内容的样式....

.mfp-container div[id^=small-dialog-] {
    style here...
}