Javascript 在单个元素上使用fancybox时，如何对其进行分组？

我正在循环遍历每个元素，这样我就可以更改

href

值，但是使用这个，我无法对图像进行分组<代码>rel不工作

[].forEach.call(gallery_images_thumbnails_list.querySelectorAll('.category'), function(element){
    $(element).fancybox({
        href: element.getAttribute('data-image'),
        rel: "fancybox"
    });
});

如果我这样做，我如何将他们分组？如果没有，是否可以在

.category

上启用fancybox，同时为每个元素设置

href

？

如果

$（元素）

是锚定（

API选项，
rel
不是其中之一）


另一方面，如果
$（element）
是一个
标记（因为我看到您正在查询缩略图），那么您宁愿尝试

[].forEach.call(gallery_images_thumbnails_list.querySelectorAll('.category'), function (element) {
    $(element).wrap($("<a />", {
        href: element.getAttribute('data-image'),
        rel: "fancybox",
        "class": "fancybox"
    }));
});

你能用小提琴再现这个错误吗？
$(element).fancybox({
    //API options
});

[].forEach.call(gallery_images_thumbnails_list.querySelectorAll('.category'), function (element) {
    $(element).wrap($("<a />", {
        href: element.getAttribute('data-image'),
        rel: "fancybox",
        "class": "fancybox"
    }));
});

$(".fancybox").fancybox({
    // API options
});