Получить целевые атрибуты в слайдере изображений Jquery fancybox

0
<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...
Я хочу (Get) alert data-id="oNz" значение свойства и больше целевых атрибутов Когда изображение отображается или изменяется...
что this селектор в плагине fancybox?

Теги:
fancybox
fancybox-2

1 ответ

1
Лучший ответ

Вы можете использовать $(this.element) для ссылки на $(this) внутри любого обратного вызова fancybox.

Чтобы получить значение атрибута data-id (или любых или нескольких атрибутов), как в вашем примере, вы можете использовать afterLoad вызов 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

  • 0
    Огромное спасибо. ;)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню