ShareThis 最初隐藏时无法正确显示

Question

单击“显示”按钮后如何使 ShareThis 按钮正确显示？按下“显示”按钮后，所有“.st-btn”都有“display:none”，直到我调整窗口大小，它会自动变为“display:inline-block”……换句话说，ShareThis 只能正确显示在我按下“显示”按钮并手动调整窗口大小之后。先感谢您

$('span').hide();
$('button').click(function(){$('span').show();});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://platform-api.sharethis.com/js/sharethis.js#property=58ff3bc2a9dabe0012b03357&product=inline-share-buttons"></script>

<button>show</button>
<span><div class="sharethis-inline-share-buttons"></div></span>

示例代码

Answer 1

为了解决您的问题，只需更改以下内容即可：

$('span').show();

到：

$('span').find(':hidden').addBack().show();

显示 span 元素以及它下面的所有隐藏元素。

代码（此处为jsfiddle）：

$('span').show();

$('span').find(':hidden').addBack().show();