Próbuję utworzyć stronę z kilkoma galeriami przy użyciu wtyczki jQuery Magnific-Popup. I różne sekcje zawarte wdivs z oddzielnymi identyfikatorami i a.gallery klasa zawierająca obrazy.

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

Aby galerie były oddzielone w wyskakującym okienku, wielokrotnie inicjowałem skrypt dla każdej sekcji treści. Jednak kiedy to robię, po pierwszej sekcji zawartości, w oknie galerii jest więcej obrazów (dwa razy tyle, aby być dokładnym) niż link. Jestem nowym użytkownikiem javascript, więc nie jestem pewien, czy po prostu brakuje mi czegoś oczywistego.