Question

Я пытаюсь отобразить изображение в подсказке, когда посетитель нажимает ссылку «Добро пожаловать» на домашней странице моего сайта.

Вот мой код до сих пор:

<a href="#" data-toggle="tooltip"title='<img src='hello.png'>">Welcome</a> 
<script> 
$(document).ready(function(){ 
$('[data-toggle="tooltip"]').tooltip();}); 
</script> 

Но он не смог отобразить изображение, оно отображает HTML изображения вместо. Также я хочу изменить цвет всплывающей подсказки на Gray.

Возможно ли это? Пожалуйста, помогите.

Answer 1

1) У вас есть несогласованные одиночные и двойные кавычки в атрибуте title тега <a>.

2) По умолчанию бутстрап допускает только текст в всплывающей подсказке. Вы должны установить параметр конфигурации, чтобы разрешить HTML.

<a href="#" data-toggle="tooltip" title="<img src='hello.png'>">Welcome</a> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('[data-toggle="tooltip"]').tooltip({ 
      html: true 
     }); 
    }); 
</script>