使用jQuery触发器自定义Facebook Like Page按钮

时间:2012-03-16 16:49:17

标签: javascript jquery iframe facebook-like

像你的Facebook页面一样的默认facebook按钮在我的网站上看起来很垃圾,所以我想创建一个自定义设计的按钮。

我有下面的代码试图使用jquery触发器模仿点击facebook喜欢按钮。我不认为这有效,因为facebook like按钮在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>

1 个答案:

答案 0 :(得分:0)

你认为对!由于iframe,这不起作用。另外,请查看以下问题,了解有关更改“类似”按钮的更多详细信息。 Facebook, how to change like button image?