<li>
CMS/DB から生成されるアイテムのリストがあります。それぞれ<li>
に<div>
、ライトボックスへのリンク (非表示の<div>
) を含む があります。リンクは非表示 (#inline-content-print) の ID をターゲットにしている<div>
ため、JavaScript プラグインがトリガーされ、ライトボックスがプルアップされます。
私が直面している問題は<li>
、ページ上のすべての が同じ非表示div
ID で生成されることです (これをクラスに変更できます)。そのため、どの<li>
href がクリックされても、常に<li>
ページの最初 (id の最初のインスタンス) のライトボックスが表示されます。div
href がこれ (クリックされているリンクが存在するもの)から「#inline-content-print を開く」と言う方法が必要です。
<li>
<div class="store-buttons-bg hide-print-buttons-{tag_Hide-Print-Buttons}">
<a href="#inline-content-print" class="various store-button">PRINT</a>
<div style="display: none;" id="inline-content-print">
CONTENT OF LIGHTBOX
</div>
<!-- end inline-content-print -->
</div>
</li>
アドバイスをいただければ幸いです。