0

我正在尝试通过 beforeLoad 回调获取当前活动的 fancybox 链接的类。

HTML 示例:

<a href="example.png" class="lightbox pdf-opening">Link</a>
<a href="example2.png" class="lightbox pdf-closing">Link</a>

jQuery/Fancybox 代码:

$(document).ready(function() {

    $(".lightbox").fancybox(
        {
            beforeLoad: function(){
                var pdf_type_string = $(".lightbox").eq(this.index).attr('class').split(' ').slice(-1);
                var test = pdf_type_string.toString();
                var pdf_type = test.substr(4);
                alert(pdf_type);
            },
            title: '<a class="lightbox_link_to_tickets" href="/your-visit/booking-online/">Book your tickets here</a>',
            type: 'image'
        }
    );

});

this.index 始终返回 0,即使单击第二个链接也是如此,单击第二个链接时(理论上对我来说)应该返回 1...

非常感谢任何帮助。

保罗

解决方案

我的解决方案如下:

$(document).ready(function() {
    $(".lightbox").fancybox(
    {
        beforeLoad: function(){
            var pdf_type_object = $(this.element).attr('class').split(' ').slice(-1);
            var pdf_type_string = pdf_type_object.toString();
            var pdf_type = pdf_type_string.substr(4);
            this.title = '<a class="lightbox_link_to_tickets" href="/your-visit/booking-online/">Book your tickets here</a> - <a class="lightbox_link_to_tickets" href="/inc/images/your-visit/timetables-and-fares/'+pdf_type+'.pdf">Downloadable PDF</a>';
        },
        type: 'image'
        }
    );  
});
4

2 回答 2

2

您可以访问当前元素,例如:

beforeLoad: function() {
    console.info( $(this.element) );
}
于 2012-05-08T11:44:48.597 回答
0

试试这个:

var pdf_type_string = $(".lightbox").eq($(this).index(this)).attr('class')
于 2012-05-08T10:53:10.243 回答