Fancybox 导航不适用于 html 分组项答案

【问题标题】：Fancybox navigation does not work with html grouped itemsFancybox 导航不适用于 html 分组项
【发布时间】：2012-04-22 01:29:04
【问题描述】：

我有一个花式框，其中链接的项目是 html 内容：我的 html 链接是：

<a class="various1" href="#inline1">
<a class="various1" href="#inline2">
<a class="various1" href="#inline3">

链接的项目是：

<div style="display: none;">
   <div id="inline1">html content</div>
</div>
<div style="display: none;">
   <div id="inline2">html content</div>
</div>
<div style="display: none;">
   <div id="inline3">html content</div>
</div>

我对 fancybox 的 jquery 调用是：

$(".various1").fancybox({
    'titlePosition'     : 'inside',
    'transitionIn'      : 'none',
    'transitionOut'     : 'none',
});

问题是下一个/后退按钮不起作用，div“fancybox-right/left”没有被渲染。我想要这样的功能。

通常，如果我选择链接到图像，那么由于 .various1 是所有链接的类，因此会出现导航下一个/后退。

如果我链接到 html 内容，则不会发生这种情况，是否有我遗漏的东西或任何解决方法？

谢谢

【问题讨论】：

标签： navigation fancybox

【解决方案1】：

您还需要添加相同的rel 属性才能让您的图库工作

<a class="various1" rel="group" href="#inline1">
<a class="various1" rel="group" href="#inline2">
<a class="various1" rel="group" href="#inline3">

【讨论】：