使用jQuery觸發器的自定義Facebook Like Page按鈕

Question

喜歡你的Facebook頁面的默認facebook按鈕會在我的網站上看起來非常垃圾，所以我想創建一個自定義設計的按鈕。

我有下面的代碼試圖使用jQuery觸發器來模仿點擊Facebook的按鈕。我不認爲這可以工作，但Facebook按鈕在iFrame內。

任何人都可以看到這可以如何工作？

$(document).ready(function() { 
    $("a").live("click", function() { 
     $(".connect_widget_like_button").trigger('click'); 
     return false; 
    }); 
}); 

而且

<div id="fb-root"></div> 
<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=164366676978480"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

<div class="fb-like-box" data-href="http://www.facebook.com/Google" data-width="292" data-show-faces="false" data-stream="false" data-header="false"></div> 

<a href="#">test button</a> 

Answer 1

你認爲正確的！由於iframe，這將不起作用。還請查看以下問題，瞭解更多關於將類似按鈕更改爲法律事項的詳細信息。 Facebook, how to change like button image?