javascript - 具有相同网址的多个“赞”按钮

Question

目前，我正在创建一个响应式网站，以便它也可以在移动设备上使用。

这种设计的本质是，当屏幕宽度小于480px时，我隐藏了一个垂直菜单，其中也包含一个类似Facebook的按钮。

当宽度小于480px时，我将显示一个水平菜单（已隐藏），该菜单还包含用于同一页面的Facebook Like按钮。

换句话说，当屏幕宽度大于480px时，将显示垂直菜单，而水平菜单将被隐藏。当width小于480px时，垂直菜单被隐藏，水平菜单被显示。

上面的情况意味着在同一页面上将有2个具有相同URL设置的Facebook Like按钮。

这会带来问题吗？

Answer 1

要回答我自己的问题，我可以确认一页上的两个类似按钮没有问题，并且投票已正确记录。

我在HTML文件中为此使用的代码如下所示：

初始化代码：（仅应在body标签之后的页面中放置一次：）

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

赞按钮：（将其多次放置在页面中的任何位置）

<div class="fb-like" data-href="https://somewhere.com" 
data-layout="standard" data-action="like" 
data-show-faces="true" data-share="true"></div>