Javascript 共享和类似facebook的按钮不起作用

我有一篇帖子，上面有两个按钮，分享和类似的东西：

<input class="fb-like contact-submit" data-href="<?php the_permalink(); ?>" type="button" value="LIKE">
<input class="fb-share-button contact-submit" data-href="<?php the_permalink(); ?>" type="button" value="SHARE">

data href中的函数permalink打印此postWordPress函数的完整url

我在打开body标记后添加了javascript：

<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/pl_PL/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

而且它不工作，“一按”就什么也没发生

为什么这个代码不起作用？我读到创建Facebook应用程序并不需要这样做。怎么了

---

谢谢大家

不要对这些类使用输入元素，请使用div。JS SDK将尝试向具有这些类的元素附加iframe，这将导致输入失败，因为这些类不能有子类。@CBroe非常感谢您的帮助，但是如果我想显示自定义按钮，该怎么办？带有div的原始代码显示默认fb按钮，我如何更改它？如果你想使用fb社交插件，那么你只能使用它们提供的有限样式配置选项。如果您想要其他东西，那么您需要自己实现该功能。用于共享，使用共享对话框非常容易；喜欢的东西比较有限，你可以尝试og.likes开放图形动作。正如CBroe已经告诉你的，你基本上打破了FB式按钮集成。请看