使用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?