Facebook的“共享”按钮在Firefox上无法正常运行?

时间:2014-01-31 20:52:10

标签: javascript jquery html facebook firefox

我的BigCartel网站在我的产品“快速查看”模式中的Facebook“共享”按钮在Chrome上运行得非常好(虽然它还没有正确定位),除了在Firefox上,它不起作用,除非你点击进入“快速查看”模式一次在产品上,然后退出,然后单击返回到同一产品。我真的很感激这方面的一些帮助。

以下是Facebook“共享”按钮的代码,脚本和所有内容:

   <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_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>
  <script>FB.XFBML.parse();</script>

  <li id="social_facebook">
  <div class="social_action">
  <div class="fb-share-button" data-href="http://shopmoonfall.bigcartel.com{{ product.url  }}" data-type="button"></div>
  </div>
  </li>

这是我正在处理的页面(将鼠标悬停在产品上并单击“快速查看”按钮(打开模式): http://shopmoonfall.bigcartel.com/products

1 个答案:

答案 0 :(得分:2)

很抱歉回到基础知识,但当有些人不能正常工作时该怎么做...

所以在打开身体标签后插入此

<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_US/all.js#xfbml=1&appId=476675579110595";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

这只需要引用一次,因此请删除页面上所有其他匹配项。

然后你想要一个分享按钮插入这个代码

<div class="fb-share-button" data-href="your url" data-type="button"></div>

将data-href =替换为产品网址。

很抱歉再次对此直言不讳,但这是我能想到为什么它不能正常工作的唯一原因。

如果您愿意,请告知我们,如果您愿意,我会再次对该链接进行评分:)