Bootstrap – Tooltips (всплывающие подсказки)?

Question

[Максим]

Использую Bootstrap tooltip для отображения всплывающих подсказок.

<span class="pl-2"><img src="info.png" alt="" id="info-mgn" data-toggle="tooltip" data-html="true"></span>

$("#info-mgn").tooltip({
    	placement: "auto",
    	trigger: "click",
    	title: "текст текст текст <a href='#' target =_blank>ссылка</a>"
    });

Использую click для открытия подсказки, т.к в тексте ссылка. Закрытие всплывающей подсказки происходит только при повторном нажатии на img id="info-mgn", что неудобно. Как можно сделать так, что бы подсказка закрывалась не только при повторном нажатии, а при клике в любом другом месте? В документации ответа не нашел.

Answer 1

[Сергей]

trigger: "focus"

Comments

[Максим]

Не работает ни в гугл хром, ни в мозиле

[Сергей]

Это потому, что подсказка висит на картинке, которая по умолчанию не поддерживает состояние focus. Присвойте img атрибут tabindex="0" либо вешайте подсказку на фокусируемый элемент, внутри которого будет находиться изображение.

[Максим]

Установил trigger: "focus" и добавил к img tabindex="0" , все работает как надо, спасибо!