ShareThis не отображается должным образом, когда изначально скрыто - PullRequest
Новая
       46

ShareThis не отображается должным образом, когда изначально скрыто

1 голос
/ 31 мая 2019

Как сделать так, чтобы кнопки 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>

образец кода

1 Ответ

2 голосов
/ 31 мая 2019

Чтобы решить вашу проблему, достаточно изменить: 

$('span').show();

на: 

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

Показать элемент span и все скрытые элементы под ним.

Код ( jsfiddle здесь) : 

$('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>
...