Google 如果原来隐藏，分享按钮无法正确显示

Question

有谁知道 Google 共享按钮在其父 div 上使用 css display:none 最初隐藏时无法正确显示的解决方案然后使用 jquery .show()?

显示

由于我面临的问题，我看不到要添加的相关代码，但我制作了一个非常基本的 JSFIDDLE 来说明问题。

Answer 1

似乎 Google+ 小部件检测到它所在的 space，并且在您的情况下从 96px 缩小到 80px。如果您使用 JavaScript 渲染然后隐藏它，而不是 CSS，您可以通过以下方式修复该问题：

$('#btn').on('click', function () {
    $('#parent-div').show();
});
setTimeout(function () {
    $('#parent-div').hide();
}, 0)

Google Share button not showing properly if originaly hidden