Question

目前，我正在创建一个自适应网站，以便它也适用于移动设备。

设计具有这样的性质，当屏幕宽度小于480px时，我隐藏了一个垂直菜单，其中还包含一个像facebook一样的按钮。

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

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

上述情况意味着同一页面上将有2个Facebook赞按钮，并设置相同的网址。

这会产生问题吗？

Answer 1

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

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

初始化代码:(只应在正文标记之后的页面中放置一次：）

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

具有相同网址的多个Like按钮

1 个答案: