У меня есть div: $ (". Results"). Когда что-то происходит, результаты добавляются в этот div. Одна из многих вещей - это бросок костей, отформатированный в <kdb>
Например:
function resultBox(result, color="red"){ return "<kbd class='"+color+"'>"+result+"</kbd>";
Стандартный цвет kdb - красный, но я добавил так много цветов (разные цвета для разных типов результатов). Я хочу добавить всплывающую подсказку к каждому kdb для объяснения цветов.
Например:
function resultBox(result, color="red"){
return "<kbd class='"+color+"' data-toggle='tooltip' title='"+colorInfo(color)+"'>"+result+"</kbd>";
}
function colorInfo(color) {
return "blah blah";
}
(мне не нужна помощь с функцией colorInfo ()) У меня просто возникают проблемы с выяснением, почему всплывающая подсказка Bootstrap не отображается должным образом. (Значение: я вижу стандартную подсказку, как будто я не добавил Bootstrap. Вместо того, чтобы видеть черную подсказку Bootstrap по умолчанию с маленькой стрелкой)
ДО ВАШЕГО ОТВЕТА ПОЖАЛУЙСТА, ОБРАТИТЕ ВНИМАНИЕ
- Bootstrap Подсказки отформатированы правильно. Это было добавлено на мою главную страницу JavaScript.
$('[data-toggle="tooltip"]').tooltip(); Обычно я могу использовать всплывающие подсказки Bootstrap, записывая их в обычном HTML.
Я просто не уверен, как их связать при динамическом создании в Javascript
РЕДАКТИРОВАТЬ: Это не дубликат. На вопрос был дан ответ. Ответ не найден в «возможном дубликате»