用箭头作为画廊的花式框中的内联内容答案

【问题标题】：Inline content in fancybox with arrows as gallery用箭头作为画廊的花式框中的内联内容
【发布时间】：2016-08-20 05:03:41
【问题描述】：

我正在使用简单的 fancybox 代码来显示内联内容，但我有多个 div，并且希望显示箭头来左右导航作为图库。 fancybox 本身工作正常，但没有箭头显示下一个和上一个 div，这怎么会发生？

<a href="#pro-1" rel="gallery" class="product">
<a href="#pro-2" rel="gallery" class="product">
<a href="#pro-3" rel="gallery" class="product">

<div style="display: none;">
  <div id="pro-1">
    <h1>title1 here</h1>
  </div>
  <div id="pro-2">
    <h1>title2 here</h1>
  </div>
  <div id="pro-3">
    <h1>title3 here</h1>
  </div>
</div>

$(function () {
  $("a.product").fancybox();
});

【问题讨论】：

对我来说很好jsfiddle.net/ue4kcsu8
可能是因为我的代码中缺少按钮文件，您可以添加您的作为答案，我会接受。感谢您的帮助

标签： jquery fancybox-2

【解决方案1】：

包含了所有 fancybox 文件并升级到最新版本，感谢@JFK 解决了这个问题

【讨论】：