Fancyboxクラスから現在のIDを取得

Question

私はFancybox 3レイヤーを呼び出し、Classを使用して要素から現在のIDを受け取ろうとしています。しかし、まだ未定義の変数を返します。

$(".cerrar_actividad").fancybox({ 
    afterLoad: function() { 
    alert($(this.element).attr("id")) 
    } 
}); 

ここJSfiddle例https://jsfiddle.net/3bfcrstc/4/

Answer 1

オリジナル要素が（カスタマイズ）opts.$origに保存され、これはあなたがIDを取得する方法をされている。

afterLoad: function(instance, current) { 
    alert(current.opts.$orig.attr("id")); 
} 

https://jsfiddle.net/3bfcrstc/5/

Answer 2

はこのように、instance引数に返されるあなたが$lastFocusオブジェクトからcontextを得ることができますafterLoadイベントハンドラでクリックされた要素のidを取得するには：

$(".cerrar_actividad").fancybox({ 
 
    afterLoad: function(instance, current) { 
 
    alert($(instance.$lastFocus.context).prop("id")) 
 
    } 
 
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybox.min.css" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybox.min.js"></script> 
 

 
<a id="image1" rel="gallery" class="cerrar_actividad" href="https://www.youtube.com/watch?v=6s-a7Xz_Qqc"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt="" /></a> 
 
<a id="image2" rel="gallery" class="cerrar_actividad" href="https://www.youtube.com/watch?v=6s-a7Xz_Qqc"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt="" /></a>