不能用Magnific popup和PHP样式我的DIV


Can't style my DIV with Magnific popup and PHP

我使用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'
});

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

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