Можно ли вызывать fancybox в классе?

Question

Я не могу вызвать fancybox для такого элемента:

$(this).parent().parent().parent().find('.comments').fancybox();

Разве это не возможно? Это из-за того, что это класс вместо идентификатора?

У меня есть несколько рядов предметов, поэтому невозможно иметь идентификаторы для всех них.

Любой совет? Вот весь код JS (здесь работает show (), но fancybox () не работает):

$(".action").click(function(e) {
        e.preventDefault();
        $(this).parent().parent().parent().find('.comments').show();
        return false;
    });

Answer 1

Вы называете это неправильно; попробуйте следующее:

$('.action').click(function(e){
    e.preventDefault();
    target = $(this).closest('.comments').html();
    $.fancybox({
        content: target
        // More Options
    });
    return false;
});

Надеюсь, это поможет!

Answer 2

Вызов .fancybox() для элемента только инициализирует fancybox. Лучший способ реализовать это зависит от вашего HTML, который вы не опубликовали.

Но как бы то ни было, это решение должно работать:

$(".action").click(function(e) {
    e.preventDefault();

    var a = document.createElement('a');
    var jqA = $(a);

    jqA.fancybox({
        content: $(this).parent().parent().parent().find('.comments').html()
        // other options go here
    });

    jqA.click();

    return false;
});

Answer 3

просто используйте

$(this).closest('.comments').fancybox();

функции внешнего нажатия.