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

这是一个巨大的弹出电话：

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

因为我没有看到所有的代码，很难确切知道发生了什么，要么创建一个小的jsbin / jsfiddle，要么我可以尝试猜测：）

确保初始化函数在jQuery ready函数中，如下所示：

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

希望有所帮助！

Magnific popup facebook分享按钮仅在第二次点击时起作用

1 个答案: