Всплывающая подсказка при наведении мыши не работает в первый раз - PullRequest
Новая
       10

Всплывающая подсказка при наведении мыши не работает в первый раз

0 голосов
/ 27 июня 2018

Я испробовал так много решений, которые приведены в stackoverflow, но он не работает для меня.

Мой код: 

<circle cx="847.1614583333333" cy="336.66666666666663" r="10" 
  id="b63a9673-7f08-4563-96a5-78566a12a15c" 
  onmouseover="hotspot_thumbnail('b63a9673-7f08-4563-96a5-78566a12a15c')" 
  stroke="#000000" fill="#000000" stroke-width="0" 
  data-pdf-annotate-id="b63a9673-7f08-4563-96a5-78566a12a15c" 
  data-pdf-annotate-type="fillcircle" aria-hidden="true" 
  transform="scale(0.6) rotate(0) translate(0, 0)" 
  style="cursor: pointer;" 
  data-toggle="tooltip" data-placement="bottom" 
  data-trigger="hover" title="hover"></circle>

Моя подсказка: 

    function tool(){
         $('[data-toggle="tooltip"]').tooltip({
            animated: 'fade',
            placement: 'bottom',
            html: true
        });
    }
tool();

Код моего углового контроллера: Внутри одна функция в контроллере 

$scope.$apply(function () {
                    $scope.heading_hover = spot.hotspot_hover.split('/').pop()
                    $scope.hover_img = spot.hotspot_hover
                    var annote = document.getElementById(uuid);
                    annote.setAttribute('data-toggle','tooltip')
                    annote.setAttribute('data-placement','bottom')
                    annote.setAttribute('data-trigger','hover')
                    annote.setAttribute('title','hover')
                    $("#"+$scope.uuid_hover).tooltip({ content: '<img src="'+$scope.hover_img+'">' }); 

                })
                tool();

При первом зависании он не работает, а во втором - нормально.

Я пробовал это:

всплывающая подсказка не отображается при первом наведении мыши

Подсказка Javascript появляется только при втором наведении

...