5

magnific-popup ギャラリーを直接の兄弟に制限するにはどうすればよいですか? 最初の .child の画像を開いたときに、2 番目の .child の画像をギャラリーに表示したくありません。

html 構造:

<div class="parent">
    <div class="child">
        <a class="image-link" href="img/red1.jpg"><img src="img/red1.jpg"></a>
        <a class="image-link" href="img/red2.jpg"><img src="img/red2.jpg"></a>
        <a class="image-link" href="img/red3.jpg"><img src="img/red3.jpg"></a>
        <a class="image-link" href="img/red4.jpg"><img src="img/red4.jpg"></a>
        <a class="image-link" href="img/red5.jpg"><img src="img/red5.jpg"></a>
    </div>

    <div class="child">
        <a class="image-link" href="img/city1.jpg"><img src="img/city1.jpg"></a>
        <a class="image-link" href="img/city2.jpg"><img src="img/city2.jpg"></a>
        <a class="image-link" href="img/city3.jpg"><img src="img/city3.jpg"></a>
        <a class="image-link" href="img/city4.jpg"><img src="img/city4.jpg"></a>
        <a class="image-link" href="img/city5.jpg"><img src="img/city5.jpg"></a>
    </div>
</div>

Magnific-Popup を初期化する方法:

$('.child').magnificPopup({ 
    delegate: '.image-link',
    type:'image', 
    gallery: {
        enabled: true
    }
});
4

1 に答える 1

10

オプションを使用する場合delegateは、次のようにします。

$('.child').each(function() {
     $(this).magnificPopup({ 
        delegate: '.image-link',
        type:'image', 
        gallery: {
            enabled: true
        }
    });
});
于 2013-05-17T08:54:20.177 に答える