Eu estou tentando criar uma página com algumas galerias usando o plug-in jQuery Magnific-Popup. Eu seções diferentes contidas emdivs com ids separados e um.gallery classe contendo as imagens.

<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>

Para obter as galerias separadas no pop-up, inicializei o script várias vezes para cada seção de conteúdo. Quando faço isso, no entanto, após a primeira seção de conteúdo, há mais imagens no pop-up da galeria (duas vezes mais para ser exato) do que eu vinculei. Eu sou novo em javascript, então não tenho certeza se estou faltando algo óbvio.