видя скрипт, написанный внутри html, когда я наводил на подсказку

Question

Iam получаю проблему, пока я нажимаю мышь на всплывающую подсказку только тогда, когда страница загружается по-разному. Когда я вхожу на веб-сайт, после загрузки страницы, когда я накладываю мышь на «?» символ символа, iam, способный видеть весь скрипт заголовка, написанный внутри html.

Это нижний текст, который я вижу, когда нахожусь. Это название с закрытой кнопкой «x» внутри наконечника инструмента.

About your score<button type=button class=close data-dismiss=popover aria-hidden=true onclick=$('#abcPopover').popover('hide')>&times;</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')>&times;</button>" 
        data-toggle="popover" data-content="{{abcTooltip}}" ng-click="open()"><i class="glyphicon glyphicon-question-sign"></i></a> 

Answer 1

вложенности кнопку в Html тег не действует HTML5 в соответствии с HTML5 Spec Document from W3C:

Content модель: Прозрачная, но не должно быть никакого интерактивного контента потомок.

элемент может быть обернут вокруг целых абзацев, списков, таблиц, и так далее, даже целые разделы, так долго, как не существует интерактивного содержания в пределах (например, кнопки или других ссылок).

Другими словами, вы можете вложить любые элементы внутри, за исключением следующего:

<a> 

<audio> (если атрибут управления присутствует)

<button> 

<details> 

<embed> 

<iframe> 

<img> (если атрибут usemap)

<input> (если атрибут типа не в скрытом состоянии)

<keygen> 

<label> 

<menu> (если атрибут типа находится в состоянии панели инструментов)

<object> (если атрибут usemap присутствует)

<select> 

<textarea> 

<video> (если элементы управления атрибут присутствует)

Однако, если ваш тег <button> оформлен с использованием CSS и не выглядит как виджет системы ... Сделайте себе одолжение, создайте новый класс для своего тега <a> и настройте его так же.

Проверьте эту ссылку, чтобы создать свою подсказку. Link

Fiddle