我正在尝试通过 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'
}
);
});