Яндекс поделиться изменить title кнопки

139
05 июля 2019, 17:40

Проблема с яндекс 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');
        });

Но возможно есть решение более качественное ?

Answer 1

Для манипуляций с блоком лучше использовать 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>

READ ALSO
Разбить строку в массив по первому пробелу

Разбить строку в массив по первому пробелу

Есть строка, допустим 'Вот такая вот строка', как её разбить по первому пробелу, чтобы получить вот такой массив ['Вот','такая вот строка']?

145
Сортировка двумерного массива чисел Java Script

Сортировка двумерного массива чисел Java Script

Помогите написать функцию, которая будет сортировать по возрастанию этот двумерный массивЗаранее спасибо!

155
Как сделать такое меню? Динамическое, с фигурами на фоне

Как сделать такое меню? Динамическое, с фигурами на фоне

Вообщем есть задача сделать такое меню

131