Question

<a  data-id="oNz" class="fancybox-buttons"data-fancybox-group="thumb" href="/Images/Axbaz.jpg">
        <img title="Love" class="ajax" src="/thumbs/Axbaz.jpg" alt="">
</a>

我正在自定义fancybox Jquery插件...
我想（获取）警告data-id="oNz"属性值和更多目标属性当图像显示或更改时...
fancybox插件中的this选择器是什么？

Answer 1

您可以使用$(this.element)在任何fancybox 回调中引用$(this)。

要获取data-id属性的值（或任何或更多属性），如示例所示，您可以使用afterLoad回调，如：

$(".fancybox-buttons").fancybox({
    afterLoad: function () {
        // get (data) attributes from current element
        var attr1 = $(this.element).data("id"),
            attr2 = $(this.element).data("fancybox-group");
        alert(attr1 +", "+attr2);
    }
});

参见 JSFIDDLE

在Jquery fancybox图像滑块中获取目标属性

1 个答案: