Magnific popup facebook share düğmesi sadece ikinci tıklamada çalışır

Question

TitleSrc olarak bir paylaşım düğmesiyle büyük açılır pencereli bir galeri var. Bu düğme tıklandığında denir:

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); 
    }); 
} 

Bu magnific açılan çağrıdır:

$('.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 
}); 

Özür tıklanan resmin href alma ve callFacebook işlevine geçmek. Paylaş butonuna bastığımda sadece standart og: etiketlerini gösterir. Bu pencereyi kapattığımda ve tekrar paylaş düğmesine tıkladığımda - işe yarıyor. Görüntü paylaşım iletişim kutusunda görünür. Herhangi bir fikir neden? Ben tüm kodu göremiyorsanız

Answer 1

o oluyor tam olarak söylemek, ya bir küçük jsbin/jsfiddle oluşturmak zordur ya da ben

sizin başlatıcı işlevi jQuery içinde olduğundan emin olun :) tahmin deneyin edebilirsiniz aşağıdaki gibi hazır fonksiyonlar:

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

Yardım edin!