处理多个facebook按钮的一般方法

Question

我正在一个拥有大量产品的网站上工作（想想购物清单），每个网站都有一个与之关联的facebook按钮。

目前我们正在加载每个像页面加载的按钮。我正在努力重写这个，所以我们只在用户将鼠标悬停在每个产品上时加载like按钮。我们只是在第一次加载时粘贴每个元素的虚拟按钮。

我的问题是，这是一种标准的方式来处理多个像facebook这样的按钮吗？

还有其他方法吗？

我正在寻找其他网站上有超过100个facebook的按钮。

Answer 1

如果只是为了审美，请加载所有内容，但CSS样式为display: none;。当它们悬停在元素上时，您可以使用CSS：将鼠标悬停在父<a>元素中以使它们可见，或者只使用javascript / JQuery将CSS更改为display: block;或鼠标悬停时的任何内容，以及鼠标移出后返回display: none;。