壮大なポップアップのfacebookの共有ボタンは、2回目のクリックでちょうど動作します

Question

私は偉大なポップアップを持つギャラリーにtitleSrcとしての共有ボタンを持っています。 これは、ボタンのクリックで呼び出される：

function callFacebook(item){ 
    console.log(item); 
    FB.ui({ 
    method: 'feed', 
    link: item, 
    caption: 'Die besten Party-Pics bei party-news.de', 
    }, function(response){ 
    console.log(response); 
    }); 
} 

これはmagnificポップアップ呼び出しです：

$('.gallery').magnificPopup({ 
    delegate: 'a', // child items selector, by clicking on it popup will open 
    type: 'image', 
    gallery: { 
    enabled:true, 
    tCounter: '%curr% von %total%', 
    preload:false 
    }, 
    image: { 
    verticalFit:false, 
    titleSrc:function(item){ 
     var image = item.el.attr("href"); 
     return '<a class="shareFacebook" onclick="callFacebook(\''+image+'\')" target="_blank"><i class="fa fa-facebook-official"></i>&nbsp;Foto teilen</a>'; 
    } 
    }, 
    tClose: 'Schliessen', 
    tLoading: 'Lade Bild...', 
    // other options 
}); 

- 私がクリックした画像のhrefを取得し、callFacebook関数に渡します。初めて共有ボタンをクリックすると、標準のog：タグが表示されます。このウィンドウを閉じてもう一度共有ボタンをクリックすると、それが動作します。共有ダイアログでイメージが表示されます。なぜどんなアイデア？

Answer 1

私はどちらか、起こっている正確に何を伝えるのは難しいですすべてのコードを参照してくださいjsfiddle小さなjsbin /を作成するか、または私はあなたの初期化関数はjQueryの範囲内であることを確認してください:)

を推測しようとすることができませんので、

$(document).ready(function(){ 
    $('.gallery').magnificPopup({}); 
    //.... 
}); 

希望する機能は次のとおりです。