无法更改 fancyBox 3 数据属性

Question

我想用这行代码更改 fancybox 项目的数据属性。我正在使用 fancyBox 3。出于某种原因，它不允许我更改数据属性。我已经检查了响应的选择器，即 hide().

$("#line-up .interactive .btns .btn").click(function(e){

    // If has not class active
    if (!$(this).hasClass("active"))
    {
        // Filter
        e.preventDefault();
        $target = $(this).data("id");
        $("#line-up .interactive .btns .btn").removeClass("active");
        $(this).addClass("active");

        // Select the items and do action
        $("#line-up .artists .item").removeClass("active");
        $("#line-up .artists .item[data-id=" + $target + "]").addClass("active");

        // Change fancybox data
        $("#line-up .artists .item.active .artist").data("fancybox", "single");

    } else {

        // Reset
        $(this).removeClass("active");
        $("#line-up .artists .item").addClass("active");

        // Change fancybox data
        $("#line-up .artists .item .artist").data("fancybox", "gallery");
    }
})

如果有人能提供帮助就太好了

Answer 1

尝试

$("#line-up .artists .item .artist")
    .data("fancybox", "gallery")
    .attr('data-fancybox', 'gallery');

正如所说，.data不会改变你的html，但.attr会

告诉我进展如何

Answer 2

尝试使用 attr() 方法设置 data-fancybox 属性，例如 .attr("data-fancybox", "gallery")

无法更改 fancyBox 3 数据属性

Can't change fancyBox 3 data attribute

jquery

fancybox