видя сценарий, написанный внутри HTML, когда я наведите курсор на всплывающую подсказку

0

Проблема возникает, когда я нажимаю мышь на всплывающую подсказку только тогда, когда страница загружается по-разному. Когда я вхожу на веб-сайт, после загрузки страницы, когда я накладываю мышь на "?" символ символа, 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>
Теги:
angular-ui-bootstrap

1 ответ

0

вложенная кнопка в теге 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> и создайте его так же.

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

скрипка

Ещё вопросы

Сообщество Overcoder
Наверх
Меню