ShareThis在最初隐藏时不能正确显示

Question

如何让ShareThis按钮在点击“显示”按钮后正确显示？在我按下'show‘按钮后，所有的'.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>

​

sample code

Answer 1

为了解决你的问题，从以下几个方面进行更改就足够了：

$('span').show();

至：

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

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

代码(jsfiddle here)

$('span').hide();
$('button').click(function () {
    $('span').find(':hidden').addBack().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>