Подсказка, помещенная в элементы внутри тега <script>, выглядит иначе, чем подсказка, помещенная в обычные элементы html в <body> - PullRequest
0 голосов
/ 27 февраля 2020

Мне нужно отобразить всплывающие подсказки о различных элементах на моей странице html. Элемент находится внутри тега, и он был объявлен внутри. Когда я отображаю всплывающие подсказки для обоих элементов с помощью data-toggle = "tooltip", всплывающие подсказки отображаются с указанными заголовками, но всплывающая подсказка для отображается в виде простого поля, например белого фона, тогда как подсказка для выглядит как подсказка по умолчанию. Я пробовал data-container = "body", но это не помогло. Что я делаю введите описание изображения здесь неправильно?

1 Ответ

0 голосов
/ 27 февраля 2020

$(document).ready(function() {
  $('[data-toggle="tooltip"]').tooltip();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet" />

<a href="#" data-toggle="tooltip" data-placement="bottom" title="Hooray!">Add All the recommended js and css files</a>

Добро пожаловать в SO Добавить все рекомендуемые файлы js и CSS mate ...

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...