Question

我所拥有的是一个fancybox，链接的项目是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内容，是否有我缺少的内容或任何解决方法，这不会发生？

谢谢

Answer 1

您还需要为您的图库添加相同的rel属性

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

Fancybox导航不适用于html分组项目

1 个答案: