类型= ajax的Fancybox图库

时间:2013-11-27 14:47:33

标签: jquery fancybox

我有链接,点击后需要通过Ajax获取内容并在Fancybox中显示。 最简单形式的代码:

标记:

<a href="some_ajax_link/1" class="anchor">Click</a>
<a href="some_ajax_link/2" class="anchor">Click</a>
...

JS

$('a.anchor').fancybox({
  type: 'ajax'
});

问题

  1. 仅打开单击的链接,没有导航箭头。
  2. 使用帮助按钮,确实给按钮帮助,但接下来没有 加载下一个链接的内容,而不是加载相同的内容。
  3. 有什么想法吗?

1 个答案:

答案 0 :(得分:1)

您错过了向您的主播添加rel="gallery"data-fancybox-group="gallery"(如果使用HTML5 DOCTYPE fancybox v2.x)属性

<a data-fancybox-group="gallery" href="some_ajax_link/1" class="anchor">Click</a>
<a data-fancybox-group="gallery" href="some_ajax_link/2" class="anchor">Click</a>