javascript - 如何在滑动悬停 jquery 中设置属性 =' data-fancybox-group'

Question

我有一个带有定向悬停的画廊。单击图像时早期的 fancy box 不工作。当我使用以下代码并将 fancybox 添加到类时，它工作正常。

现在要使箭头正常工作，我该如何添加属性 data-fancybox-group='gallery'

$targetAParent = $element.parent('a');
            if ($targetAParent.length && instance.settings.withLink) {
                var url = $targetAParent.attr('href');
                $overlay = $('<a>', {
                    class: 'sliphover-overlay fancybox',
                    href: url || '#',
                    //.attr("data-fancybox-group", "gallery"),
                }).css({
                    textDecoration: 'none'
                });
            }

Answer 1

我想您的 $overlay 应该获得该属性。如果是这样，请在您的 if 语句中写入:

$overlay = $('<a>', {
    class: 'sliphover-overlay fancybox',
    href: url || '#',
    'data-fancybox-group': "gallery"
 }).css({
     textDecoration: 'none'
 });

另一种方式是:

$overlay = $('<a>', {
    class: 'sliphover-overlay fancybox',
    href: url || '#'
 }).css({
     textDecoration: 'none'
 }).attr("data-fancybox-group", "gallery");