我使用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...
}