Проблема с яндекс share, добавляю vkontakte, facebook, twitter, при hover у кнопки vkontakte атрибут "vkontakte" клиент хочет при hover title 'VK'.
Как изменить title кнопки при hover, в доке перепробовал все, ничего не получалается
<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<div id="my-share"></div>
<script type="text/javascript">
var myShare = document.getElementById('my-share');
var share = Ya.share2(myShare, {
content: {
},
contentByService: {
vkontakte: {
title: 'VKtest',
}
}
});
</script>
Есть конечно вариант бахнуть просто так
document.addEventListener('DOMContentLoaded', function() {
$('a.ya-share2__link[title="VKontakte"]').attr('title', 'VK');
});
Но возможно есть решение более качественное ?
Для манипуляций с блоком лучше использовать hooks. Например с помощью onready, которое при инициализации блока срабатывает. Ссылку на ВКонтакте можно отобрать по селектору .ya-share2__item_service_vkontakte a.
Итого:
let share = Ya.share2('share', {
hooks: {
onready: function() {
let vk = document.querySelector(".ya-share2__item_service_vkontakte a");
vk.setAttribute("title", "VKTest");
}
}
});
<script src="https://yastatic.net/share2/share.js"></script>
<div id="share"></div>
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости