navigation - Fancybox 导航不适用于 html 分组项

Question

我有一个花式框，其中链接的项目是 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">