如何制作自定义fb分享按钮？

Question

我有几个数据项显示在bootstrap表插件的卡片视图中，如下所示：

在此卡的底部，我想添加一个自定义fb共享按钮，该按钮使用卡中显示的信息并在Facebook上发布。

到目前为止，我已在我的HTML文档顶部添加了Facebook Javascript SDK，并在新脚本标记中关闭了body标记之后添加了以下代码：

$('.btnShare').click(function(){
    elem = $(this);
    postToFeed(elem.data('title'), elem.data('desc'), elem.prop('href'), elem.data('image'));

    return false;
});

由于Bootstrap表插件使用AJAX来获取数据库内容，我想在我的数据库中添加一个包含以下记录的按钮字段：

<a href="myurl"data-title="XYZ" data-desc="Some description for this article" class="btnShare">Share</a>

但是，即使显示共享链接，它也不会打开熟悉的Facebook共享弹出窗口，如何使用我的自定义内容打开它？

Answer 1

由于您动态更新了表的内容，因此需要使用委托事件处理程序，这可以使用jQuery的.on()来实现。

JQUERY COODE：

$('<selector of static parent element>').on('click','.btnShare',function(){
  elem = $(this);
  postToFeed(elem.data('title'), elem.data('desc'), elem.prop('href'), elem.data('image'));
  return false;
});

目标选择器必须是元素的选择器，它将包含稍后动态添加的表内容。

More info @ Jquery api page...