3

次のようなアイテムの配列があります。

items: [
{
    src: '#white-popup0',
    type: 'inline'
},
{
    src: '#white-popup1',
    type: 'inline'
},
{
    src: '#white-popup2',
    type: 'inline'
}]

そして、その配列に一致するいくつかの html コンテンツは、次のようになります。

<div id="white-popup0" class="white-popup">
<div class="popup_social_buttons">
    <iframe src="//www.facebook.com/plugins/like.php"><!-- FB like button --></iframe>
    <a href="//www.pinterest.com/pin/create/button/"><!-- Pinterest button --></a>
    <div id="___plusone_3" ><!-- G+ button --></div>
</div>
<img alt="alt text here" src="some_picture.jpg" class="img-responsive">
<button title="Close (Esc)" type="button" class="mfp-close">×</button>
</div>

html コンテンツは、すべての「#white-popup」で同じ構造になっています。ここで、magnific-popup を開く方法は、配列のようにまったく同じ量のアイテムがあるブートストラップ カルーセルから .magnificPopup 関数をトリガーすることです。私のjs配列から特定のアイテムをトリガーする何かをする必要があります。たとえば、カルーセルの 2 番目の項目をクリックすると、.magnificPopup ですべての項目が開きますが、2 番目の項目から始まります。

前もって感謝します。

4

2 に答える 2

4

open メソッドには、オプションの 2 番目のパラメーターがあります。これは、開くアイテムのインデックスです。

$.magnificPopup.open({
 items: [
{
    src: '#white-popup0',
    type: 'inline'
},
{
    src: '#white-popup1',
    type: 'inline'
},
{
    src: '#white-popup2',
    type: 'inline'
}]

}, 2);

http://dimsemenov.com/plugins/magnific-popup/documentation.html#public_methods

于 2013-10-21T08:37:18.697 に答える
0

open メソッドは、index のオプションの 2 番目のパラメーターを単に追加することをサポートしていないようです。動作していないようだったので、これは古いバージョンの Magnific によるものだと思います。

ドキュメントによると、オプションにインデックス パラメータを含めることができるようになりました。

これは私にとってはうまくいきました。

$.magnificPopup.open({
 items: [
{
    src: '#white-popup0',
    type: 'inline'
},
{
    src: '#white-popup1',
    type: 'inline'
},
{
    src: '#white-popup2',
    type: 'inline'
}],
 index: 2
});

于 2015-03-15T23:14:49.950 に答える