Facebook graph api 多个facebook发送至messenger按钮

Facebook graph api 多个facebook发送至messenger按钮,facebook-graph-api,facebook-javascript-sdk,Facebook Graph Api,Facebook Javascript Sdk,我在页面上有一个json对象列表,每个对象都包含页面的id。我希望facebook的“发送到messenger”按钮在页面上我的数据表的每一行都可见。但是当我迭代时,只有一个按钮是可见的。它不起作用了。如何在循环中实现这一点 我有一个静态部分 <script> window.fbAsyncInit = function() { FB.init({ appId: '<appid>', xfbml: tr

我在页面上有一个json对象列表,每个对象都包含页面的id。我希望facebook的“发送到messenger”按钮在页面上我的数据表的每一行都可见。但是当我迭代时,只有一个按钮是可见的。它不起作用了。如何在循环中实现这一点

我有一个静态部分

<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId: '<appid>',
            xfbml: true,
            version: 'v2.6'
        });
    };
    (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'));
</script>

window.fbAsyninit=函数(){
FB.init({
appId:“”,
xfbml:是的,
版本:“v2.6”
});
};
(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id)){return;}
js=d.createElement;js.id=id;
js.src=“//connect.facebook.net/en_US/sdk.js”;
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);
动态部分

$.each(data, function (key, value) {
//...
<div class="fb-send-to-messenger"+
    'messenger_app_id="<appid>"'+
    'page_id="'+value.id+'"'+
    'data-ref="WELCOME_OPTIN_TOKEN"'+
    'color="blue"'+
    'size="standard">
//...
}
$。每个(数据、函数(键、值){
//...

您正在使用JavaScript动态生成它们,因此在将插件添加到DOM之后,必须立即使用解析插件。不过,请确保在
FB.init
之后使用
FB

例如:

<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId: '<appid>',
            xfbml: true,
            version: 'v2.6'
        });
        $.each(data, function (key, value) {
        //...
        <div class="fb-send-to-messenger"+
            'messenger_app_id="<appid>"'+
            'page_id="'+value.id+'"'+
            'data-ref="WELCOME_OPTIN_TOKEN"'+
            'color="blue"'+
            'size="standard">
        //...
        }
        FB.XFBML.parse();
    };
    (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'));
</script>

window.fbAsyninit=函数(){
FB.init({
appId:“”,
xfbml:是的,
版本:“v2.6”
});
$。每个(数据、函数(键、值){
//...