Проблема возникает, когда я нажимаю мышь на всплывающую подсказку только тогда, когда страница загружается по-разному. Когда я вхожу на веб-сайт, после загрузки страницы, когда я накладываю мышь на "?" символ символа, iam, способный видеть весь скрипт заголовка, написанный внутри html.
Это следующий текст, который я вижу при наведении. Это название с закрытой кнопкой "x" внутри наконечника инструмента.
About your score<button type=button class=close data-dismiss=popover aria-hidden=true onclick=$('#abcPopover').popover('hide')>×</button>
Я сделал подсказку нажатой. когда я нажимаю "?" Символ глификона: popover не наступает первым щелчком и скрипт теперь скрывается. когда я нажимаю "?" Символ глификона второй раз, когда он отлично работает, появится popover. Это проблема, которую я вижу только при загрузке страницы, и когда я нажимаю "?" символ глификона, заголовок будет скрыт, а второй щелчок будет прекрасным и появится всплывающее окно.
Это код, который я написал в html.
<a href="#" id="abcPopover" data-html="true"
title="About your score<button type=button class=close data-dismiss=popover aria-hidden=true onclick=$('#abcPopover').popover('hide')>×</button>"
data-toggle="popover" data-content="{{abcTooltip}}" ng-click="open()"><i class="glyphicon glyphicon-question-sign"></i></a>
вложенная кнопка в теге Html недействительна HTML5 в соответствии с HTML5 Spec Document из W3C:
Модель контента: прозрачная, но не должно быть потомков интерактивного контента.
Элемент может быть обернут вокруг всех абзацев, списков, таблиц и т.д., Даже целых разделов, если в нем нет интерактивного контента (например, кнопок или других ссылок).
Другими словами, вы можете вставлять любые элементы внутри, кроме следующих:
<a>
<audio>
(если присутствует атрибут управления)
<button>
<details>
<embed>
<iframe>
<img>
(если присутствует атрибут usemap)
<input>
(если атрибут type не находится в скрытом состоянии)
<keygen>
<label>
<menu>
(если атрибут type находится в состоянии панели инструментов)
<object>
(если присутствует атрибут usemap)
<select>
<textarea>
<video>
(если присутствует атрибут управления)
Однако, если тэг <button>
создан с использованием CSS и не похож на системный виджет... Сделайте себе одолжение, создайте новый класс для вашего тега <a>
и создайте его так же.
Проверьте эту ссылку, чтобы создать всплывающую подсказку. Ссылка