我如何从多个 link 调用同一个 fancyapp [fancybox 3.5] javascript？

Question

我有这样的代码：

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

我需要在我的网站上的许多 link 中这样使用：

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

但不能工作太多 links，只有一个 link 工作 :-(

请帮帮我。

Answer 1

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

我如何从多个 link 调用同一个 fancyapp [fancybox 3.5] javascript？

How can i call the same fancyapp [fancybox 3.5] javascript from more than one link?

javascript

html

css

fancybox-3