如何使用fancybox

Question

我有一系列像这样的链接：

<a title="G0" id="hotel_img_0" rel="hotel_img" href="#"></a>
<a title="G1" id="hotel_img_1" rel="hotel_img" href="#"></a>
<a title="G2" id="hotel_img_2" rel="hotel_img" href="#"></a>
<a title="G3" id="hotel_img_3" rel="hotel_img" href="#"></a>

我应该如何让fancybox工作？ 我没有锚的类，这就是为什么不能使用$(".class_name").fancybox() 我为所有锚点和$("#id_value").fancybox()尝试相同的id - fancybox不起作用。 求助。

Answer 1

您可以将fancybox绑定到具有相同rel属性（并且没有任何类）的所有元素，例如

$("a[rel=hotel_img]").fancybox();

参见 JSFIDDLE

---

编辑：

您还可以在同一个fancybox初始化脚本中对具有不同rel属性的元素进行分组，如：

$("a[rel=hotel_img], a[rel=standart_room_img], a[rel=agents_room_img]").fancybox();

查看更新的 JSFIDDLE