小编Pnk*_*a15的帖子

我正在尝试使用Magnific-Popup jQuery插件创建一个包含几个画廊的页面.我在divs中包含不同的部分,包含单独的ID和.gallery包含图像的类.

<div id="content_1">
    <p>Some content</p>
    <div class="gallery">
        <a href="img/pic_1"><img src="img/pic_1.jpg"></a>
        <a href="img/pic_2"><img src="img/pic_2.jpg"></a>
    </div>
</div>
<div id="content_2">
    <p>More content</p>
    <div class="gallery">
        <a href="img/pic_3"><img src="img/pic_3.jpg"></a>
        <a href="img/pic_4"><img src="img/pic_4.jpg"></a>
    </div>
</div>

为了使图库在弹出窗口中分开,我为每个内容部分多次初始化脚本.但是,当我这样做时,在第一个内容部分之后,画廊弹出窗口中有更多图像(确切地说是两倍).我是javascript的新手,所以我不确定我是否只是错过了一些明显的东西.