Содержание моей подсказки не отформатировано в html

Question

Я заинтересован в том, чтобы сделать доступные подсказки с помощью всплывающей подсказки. Проблема в том, что содержание моей подсказки не отформатировано в html. это почти нормально, за исключением содержимого всплывающей подсказки, которая не поддерживает теги html (p и img). Функция.html () должна делать эту работу, нет?

HTML

<a href="#" id="my_id" class="picto-tooltip" aria-describedby="my_id_description"></a>
<div id="my_id_description" role="tooltip">
<p>This the title for the tooltip</p>
<img src="/images/myimage.jpg" alt="Alternative text for the image" />
</div>

JS

    $ ('# My_id'). Tooltipster({
    functionInit: function(){
    return $('#my_id_description').html();
    },
    functionReady: function(){
    $('#my_id_description').attr('aria-hidden', false);
    },
    functionAfter: function(){
    $('#my_id_description').attr('aria-hidden', true);
    }
    });
    

Спасибо за вашу помощь.

Answer 1

Из документации видно, что содержание всплывающей подсказки должно быть элементом jQuery, а вы используете строку.

Попробуйте вернуть элемент вместо HTML-элемента:

$('#my_id').tooltipster({
  functionInit: function(){
    return $('#my_id_description');
  },
  ...
});