jquery - 最初隐藏时无法正确显示

Question

如何让ShareThis按钮在点击“显示”按钮后正确显示？在我按下“显示”按钮后，所有“.st-btn”都具有“显示:无”，直到我调整窗口大小并自动变为“显示:内联 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>