时间戳

首页 > 解决方案 > 如何从多个链接调用相同的 fancyapp [fancybox 3.5] javascript？

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

问题描述

我有这样的代码：

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

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

请帮我。

标签： javascripthtmlcssfancybox-3

解决方案

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

推荐阅读