javascript - Facebook 'share' 按钮在 Firefox 上无法正常工作？

Question

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

Answer 1

很抱歉让您回到基础知识，但是当某些事情不起作用时，那就是正确的做法......

所以就在开始正文标签之后插入这个

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

再次抱歉，我对此直言不讳，但这是我能想到它无法正常工作的唯一原因。

当您进行更改时请告诉我，如果您愿意，我会再次查看该链接:)