Javascript 使用jQuery触发器定制类似Facebook的页面按钮

喜欢你的facebook页面的默认facebook按钮在我的网站上看起来很垃圾，所以我想创建一个定制设计的按钮

我有下面的代码试图使用jquery触发器来模拟类似facebook按钮的点击。但我认为这不起作用，因为类似facebook的按钮在iFrame中

有人知道这是怎么回事吗

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

及

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_GB/all.js#xfbml=1&appId=164366676978480”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

你想得对！因为iframe，这不起作用。另外，请查看以下问题，以了解有关更改类似按钮的更多详细信息

<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>