Здравствуйте
На базе вкладок бутсрап 3 встраиваю комментарии социалок в самом низу описания товара
Пока код
на странице такой:
|
Код:
|
<div>
<p>Оставить комментарий через:</p>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#vkcom" aria-controls="vkcom" role="tab" data-toggle="tab">ВКонтакте</a></li>
<li role="presentation"><a href="#facebookcom" aria-controls="facebookcom" role="tab" data-toggle="tab">Facebook</a></li>
<li role="presentation"><a href="#googlecom" aria-controls="googlecom" role="tab" data-toggle="tab">Google+</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="vkcom">
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
<script type="text/javascript">
VK.init({apiId: 5005227, onlyWidgets: true});
</script>
<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 5, attach: "*"});
</script>
</div>
<div role="tabpanel" class="tab-pane" id="facebookcom">
<div id="fb-root"></div>
<script async>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.4&appId=520550568099639";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-comments" data-href="http://www.antilopagold.su" data-width="600px" data-numposts="5"></div>
</div>
<div role="tabpanel" class="tab-pane" id="googlecom">...</div>
</div>
</div> |
Периодически Вконтакт заставляет зависать процесс загрузки бокового меню категорий. Если вставлять атрибуты async либо defer подобным образом:
|
Код:
|
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116" async></script>
<script type="text/javascript" async>
VK.init({apiId: 5005227, onlyWidgets: true});
</script>
<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript" async>
VK.Widgets.Comments("vk_comments", {limit: 5, attach: "*"});
</script> |
то виджет и вовсе не подкачивается.
Скажите, как сделать, чтобы комментарии Вконтакта не блокировали загрузку страницы и все-таки подгружались хоть когда-нибудь?
