如何在Ajax调用中使用Facebook Javascript SDK添加Facebook共享按钮?

How can I add a Facebook share button using the Facebook Javascript SDK in an Ajax call?

本文关键字：Facebook SDK Javascript 添加 共享 按钮 Ajax 调用      更新时间：2023-09-26

我在Rails中的Ajax调用中使用以下代码:

<script type="text/javascript">
    $(document).on('click','#share_button', function(e){
      e.preventDefault();
      FB.ui({
        method: 'feed',
        name: '<%= fb_data[:name] %>',
        link: '<%= fb_data[:link]%>',
        picture: '<%= fb_data[:picture] %>',
        caption: '<%= fb_data[:caption] %>',
        description: '<%= fb_data[:description] %>'
      }
    ); 
    });
</script>

这段代码在html视图中工作得很好，但在用ajax呈现的视图中就不行。我怀疑这是$(document)和ajax呈现时的问题，但我不熟悉javascript或ajax来解决这个问题。有人能帮忙吗?

试试这个

<script type="text/javascript">
$(document).ready(function() {
  $('#share_button').click(function() {
     FB.ui({
       method: 'feed',
       name: '<%= fb_data[:name] %>',
       link: '<%= fb_data[:link]%>',
       picture: '<%= fb_data[:picture] %>',
       caption: '<%= fb_data[:caption] %>',
       description: '<%= fb_data[:description] %>'
     });
  });
});
</script>

相关文章：