如何从多个链接调用相同的 fancyapp [fancybox 3.5] javascript?

Question

我有这样的代码：

<div id="logreg" style="display: none;width:100%;max-width:660px; height:450px;" class="logreg">
my content 
</div>

我需要在我的网站上的许多链接中使用，如下所示：

<a data-fancybox="logreg" data-src="#logreg" href="javascript:;" class="btnReg float-right">
Register
</a> 
<a data-fancybox="logreg" data-src="#logreg" href="javascript:;">
<i class="fas fa-user"></i>
</a>

但不能工作太多链接，只有一个链接有效：-(

请帮助我。

Answer 1

您正在创建包含两个项目的库，并且这两个项目引用相同的内容。因此，简单地为元素使用不同的值data-fancybox不创建组，一切都会正常工作，演示 - https://jsfiddle.net/tecnw6x7/