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

Posted 2023-05-09

【中文标题】如何从多个链接调用相同的 fancyapp [fancybox 3.5] javascript？

【英文标题】：How can i call the same fancyapp [fancybox 3.5] javascript from more than one link?

【发布时间】：2020-09-25 08:12:42

【问题描述】：

我有这样的代码：

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

但不能使用太多链接，只有一个链接有效:-(

请帮帮我。

【参考方案1】：

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