2016-02-05 72 views
0

嗨,我刚刚发现FB.api显示一个错误,'此对话框不可用在此设备'。几乎3年前我也做了一些研究和解答。现在我的问题,是否有一个新的更新,我可以创建自己的自定义fb发送按钮?当我点击它时,它会显示一个新的窗口或弹出窗口。就像WhatsApp的分享按钮,和线应用程序。在先进的感谢,我想了解更多关于这个FB API。为FB发送添加自定义按钮

至于现在我使用的FB API,试试这个,如果它是展示一些东西也

<div id="send" class="messenger-share"> 
    <i class="fa fa-messenger"></i> 
</div> 

<script> 
    $("#send").click(function() { 
     FB.ui({ 
      app_id: '665679653572224', 
      method: 'send', 
      link: "<?php the_permalink(); ?>", 
     }); 
    }); 
</script> 

回答

1

我创建了一个小提琴要做到这一点,你可以在这里看到它。

https://jsfiddle.net/jimedelstein/14mv8kms/2/

所有你需要做的是更换URL(我评论它非常明确)。

您想既然你发布你的appid动态加载最新的Facebook的API,像这样

window.fbAsyncInit = function() { 
    FB.init({ 
     appId: '665679653572224', 
     xfbml: true, 
     version: 'v2.5' 
    }); 
}; 

(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) { 
     return; 
    } 
    js = d.createElement(s); 
    js.id = id; 
    js.src = "//connect.facebook.net/en_US/sdk.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk')); 

,我更新了初始化脚本使用它。

然后,连接FB.ui“共享”呼吁,像这样:

$("#send").click(function() { 
    FB.ui({ 
    method: 'share', 
    href: "<?php the_permalink(); ?>" 
    }, function(response) {}); 
}); 

欲了解更多信息,我建议你签出它是Facebook提供这里的文档:https://developers.facebook.com/docs/javascript

+0

谢谢:),让我的一个主意。 –