Question

我的网站上有一个基本表，它在一行中显示以下5个数据：

活动日期
活动时间
活动类型
活动地点
活动组织者

我想在其中添加一个最后一个td，其中包含一个Facebook分享按钮，这样整个行的内容就可以在Facebook上共享。

我找到了另一个SO帖子，我试图为自己量身定做，但似乎无法让它发挥作用。 ORIGINAL STACK OVERFLOW POST。它会打开对话框但出现错误。谁能告诉我这是怎么做到的？我无疑有很多问题，但非常感谢任何帮助。

$('.fb').on('click', function(event) {
    event.preventDefault();
    var type = $(this).parent().siblings('.type');


    var url = 'http://www.facebook.com/dialog/feed?' + 'app_id=1498631000398156' + 'link=http://developers.facebook.com/docs/reference/dialogs/&' + 'picture=http://fbrell.com/f8.jpg&' + 'name=' + encodeURIComponent(type) + 'caption=date&' + 'description=.type%20on%20.date%20@%20.time%20.location%20organised%20by%20.organiser&' + 'redirect_uri=http://www.my-website.co.uk';

    window.open(
    url, '_blank' // <- This is what makes it open in a new window.
    );

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

<table id="events-list" border="0" cellpadding="0" cellspacing="0">
          <tbody>
            </tbody>
          <thead>
            <tr>
              <td>DATE</td>
              <td>TIME</td>
              <td>TYPE</td>
              <td>LOCATION</td>
              <td>ORGANISER</td>
              <td>SHARE</td>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="date">27-November-2014</td>
              <td class="time">20.30 - 22.00</td>
              <td class="type">Opportunity Event</td>
              <td class="location">Tapas Bar La Trinca</td>
              <td class="organiser">Stephanie</td>
              <td class="share"><a class="fb" href="#" target="_blank">FACEBOOK</a></td>
            </tr>
          </tbody>
          </table>

Answer 1

您可以在Facebook上分享的唯一内容是网址。

在该网址中，您可以拥有任何您想要的内容，而Facebook只关注该网址是否存在，并且如果它有一些图元标记，则可以更好地了解其中的内容。

这意味着你必须设置你的应用程序，我不知道你在Backend上使用了什么，并创建一个包含单行数据的Route，例如：http://example.com/datas/1其中1是ID那个ROW，当它要求它只回应它的数据时。

这样您就可以在每一行的Facebook上共享一个URL。

PS：但你可以在别人的帖子上发布任何你想要的东西，这样做你必须使用Facebook API，而不是在Facebook对话框对象上做一个简单的HTTP Cal。

希望它有意义。

使用Jquery获取表行的内容并使用共享按钮在Facebook上发布

1 个答案: