如何製作自定義fb分享按鈕？

Question

我有顯示在自舉表插件的卡片視圖幾個數據項，如下圖所示：

在這張卡的底部，我想補充一點，使用信息的定製FB分享按鈕顯示在卡片上並張貼在Facebook上。

到目前爲止，我已經加入了Facebook的Javascript SDK在我的HTML文檔的頂部，一個新的腳本中我的結束標記後，下面的代碼：

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

    return false; 
}); 

自舉表插件採用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...