Блог

Главная - Вопросы по программированию - Всплывающая подсказка в svg теге

Всплывающая подсказка в svg теге

#javascript #css #angularjs #svg

#javascript #css #angularjs #svg

Вопрос:

Я использую тег svg на своей угловой странице..

Ниже приведен код для справки

`

 <svg version="1.1" id="Layer_1"  x="0px" y="0px"
     viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve" focusable="false">
<style type="text/css">
    .st0{fill:#FFFFFF;}
    .st1{fill:#3FA9F5;}
    .st2{font-family:'FontAwesome';}
    .st3{font-size:20px;}
</style>
<g>
<a class="pointer" href="#"  uib-tooltip ="Testing" tooltip-placement ="right" ng-click="doPTZOperation(0,1,2);$event.preventDefault();">
    <path class="st0" d="M122.3,44.7l15.5-36.8c-25-10.3-51.1-10-75.3-0.4l15,37.1C91.5,39.1,107.4,38.7,122.3,44.7z"/>
    <text transform="matrix(0.7404 -0.6722 0.6722 0.7404 98.521 31.4565)" class="st1 st2 st3" ></text>
</a>

`

Но всплывающая подсказка не работает…

Комментарии:

1. Пожалуйста, предоставьте дополнительную информацию. Работает ли ваша всплывающая подсказка, если вы не используете svg? А как насчет информации о консоли?

2. Да, это работает, если я не использую svg

3. Что произойдет, если вы используете xlink:href="#" вместо href="#" в своем a теге?

4. Я изменил href на xlink:href=»#», но не имеет никакого смысла

5. Работает ли это для вас? Конечно, это имеет смысл. Взгляните на эту ссылку .