如何使用 Fancybox3 链接到另一个页面上的隐藏 div答案

【问题标题】：How do I link to a hidden div on another page with Fancybox3如何使用 Fancybox3 链接到另一个页面上的隐藏 div
【发布时间】：2017-10-11 18:35:27
【问题描述】：

我试图在不同页面中显示来自另一个网页的隐藏 div，因此我不必使用 fancybox 3 两次更改数据。由于这些页面是 Web 内容管理系统中的平台，因此有没有办法拥有一个简单的数据库。

数据隐藏在这样的页面上

<div id="yummyfoodhours" style="display: none;">
Mon..Fris..ect</div>

页面上的链接是

<a class="btn btn-success fancybox" href="#yummyfoodhours">Hours</a>

点击时会弹出一个带有小时数的花式框

我想显示不同的页面并点击链接

 <a class="btn btn-success fancybox" href="eat/#yummyfoodhours">Yummy Food Hours Cafe</a>

它只显示主页。 :-/

点击隐藏的 div 时是否需要一些 java 来显示它？

【问题讨论】：

【解决方案1】：

如果我理解正确，您必须使用 ajax 加载第二页。尝试使用选择器创建链接，如下所示：

href="eat/ #yummyfoodhours" data-type="ajax"

【讨论】：