javascript – 在Ajax请求后创建Facebook共享按钮

2023年9月11日 220次阅读

目前的情景：

用户通过我的网站登录Facebook.登录后,立即使用Ajax(一个快乐的短语)向他提供随机内容.此内容链接到OpenGraph有效静态页面(尊重Facebook OpenGraph最佳实践).与此同时,Facebook Share弹出窗口弹出,他/她可以在Facebook上分享他的快乐短语.

利益相关者的期望情景(a.k.a.妻子)：

共享弹出窗口不应自动弹出.应该使用JS生成动态“fb共享按钮”,因此：用户阅读快乐短语,用户满意,用户点击Facebook上的分享.

我的尝试：

$.getJSON( "ajax/fortune.php?id="+response.id, function( data ) {
   console.log(data);
   $( "#result" ).html( data.message );
   $("#shareButton").html('<div class="fb-share-button" data-href="http://www.-----.com/cookie/'+data.cid+'" data-layout="button_count"></div>');
});

结果：没有任何反应.我只需要把那个按钮放在那里.

我的计划B将放置一个img按钮或bootstrap共享按钮,其中包含指向FB sharer.php的链接.但我认为这不是一个好方法.

任何线索:)？

RMK：使用jquery 1.11.3

最佳答案 添加后必须渲染它.

$.getJSON( "ajax/fortune.php?id="+response.id, function( data ) {
   console.log(data);
   $( "#result" ).html( data.message );
   $("#shareButton").html('<div class="fb-share-button" data-href="http://www.-----.com/cookie/'+data.cid+'" data-layout="button_count"></div>');
   FB.XFBML.parse(document.getElementById('shareButton'));
});
点赞