Проблема с яндекс 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>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Есть строка, допустим 'Вот такая вот строка', как её разбить по первому пробелу, чтобы получить вот такой массив ['Вот','такая вот строка']?
Помогите написать функцию, которая будет сортировать по возрастанию этот двумерный массивЗаранее спасибо!