Форум Сайтостроение Веб-строительство

Проблемы с асинхронной загрузкой ya.share

pragmatik
На сайте с 19.03.2013
Offline
102
pragmatik
912

В хидере страницы указываю

<script async src="//yandex.st/share/share.js" type="text/javascript"></script>

затем многократно в разных частях страницы использую код типа <span class="yashare-auto-init" data-yashareQuickServices="vkontakte,facebook,twitter,moimir,gplus,odnoklassniki" data-yashareTheme="counter" data-yashareType="big"></span>

и только в одном месте использую конструкцию типа:

<script type="text/javascript">
new Ya.share({
'element': 'sharelink',
'elementStyle': {
'text': 'Добавить в закладки',
'type': 'button',
'linkIcon': false,
'border': false,
'quickServices': ['']
},
'popupStyle': {
'blocks': { 'Закладки': ['yazakladki']}
}
});
</script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,gplus,twitter,odnoklassniki,moimir,lj,diary"></div><span id="sharelink"></span>

проблема в том, что при наличии атрибута async после загрузки страницы не отображается элемент <span id="sharelink"></span> я так понимаю из-за того, что код скрипта выполняется раньше, чем загружается скрипт ya.share

Подскажите, пожалуйста, как в данном случае и асинхронную загрузку сохранить и элемент отобразить. С js у меня не очень, поэтом приветствуются иллюстрированные листингами советы.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий