onComplete内でFancybox3を開いたリンクのIDを取得する方法は？

Question

私はstackoverflowに関する他の質問でこの問題の解決策になるかもしれないと思っていますが、そのうちのどれも働いていません。

私はFancyboxを開くためにクリックしたリンクのInnerTextプロパティを取得しようとしています：。

$（ "a.turnDateLink"）、各（関数（）{

   var that = $(this); 

       $("a.turnDateLink").fancybox({ 
        'type': 'modal', 
        'onComplete': function() { 

         var currentday = $(that).text(); 
         console.log(currentday); 
        }, 
        'afterClose': clearCurrentDay, 
        'fullScreen' : false 
       }); 

を} ）;

最後のa.turnDateLink.の内部テキストのみを返します。 ugh。

これでfancyboxグループを使用したいと思います。

は、グループ化を理解するためにFancyboxのマニュアルを参照してください：http://fancyapps.com/fancybox/3/docs/#usage

あなたは項目のグループを持っている場合は、あなたがギャラリーを作成するためにそれらのそれぞれについて、同じ属性 データfancybox値を使用することができます。 thatにthis.Change $("a.turnDateLink")のように試してみてください

Answer 1

チェックドキュメントhttp://fancyapps.com/fancybox/3/docs/#events

は最初examapleがクリックされた要素を見つける方法など、役立つヒントが含まれています

onComplete: function(instance, slide) { 

    // Tip: Each event passes useful information within the event object: 

    // Object containing references to interface elements 
    // (background, buttons, caption, etc) 
    // console.info(instance.$refs); 

    // Current slide options 
    // console.info(slide.opts); 

    // Clicked element 
    // console.info(slide.opts.$orig); 

    // Reference to DOM element of the slide 
    // console.info(slide.$slide); 

} 

Answer 2

：各グループ は、固有の値を持つ必要があります。 - イベントについて

$("a.turnDateLink").each(function() { 

        var that = $(this); 

        that.fancybox({ 
         'type': 'modal', 
         'onComplete': function() { 
          $("#currentday").html(''); 

          var currentday = that.text(); 
          console.log(currentday); 
         }, 
         'afterClose': clearCurrentDay, 
         'fullScreen' : false 
        }); 
    });