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

Мне интересно сделать доступные всплывающие подсказки с помощью tooltipster. Проблема в том, что содержимое моей всплывающей подсказки не отформатировано в 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);
    }
    });

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


jquery jquery-tooltip
person user2822813    schedule 22.10.2014    source источник
comment
Прочитайте шаг 4 на странице iamceege.github.io/tooltipster/#demos.   -  person j08691    schedule 22.10.2014
comment
Да, это работает так, но я должен сделать это по-другому, чтобы сделать его доступным с клавиатуры. Способ находится на той же странице по вашей ссылке, внизу. Этот раздел называется «Сделайте всплывающие подсказки доступными для людей с ограниченными возможностями».   -  person user2822813    schedule 23.10.2014

Ответы (1)


arrow_upward
0
arrow_downward

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

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

$('#my_id').tooltipster({
  functionInit: function(){
    return $('#my_id_description');
  },
  ...
});
person Carlos    schedule 22.10.2014
comment
Да, я тоже пробовал, но в этом случае содержимое всплывающей подсказки пусто. - person user2822813; 23.10.2014
comment
Спасибо тебе Карлос. Я знаю, что это работает, когда html создается с помощью js. Но для доступности клавиатуры мне нужно получить содержимое всплывающей подсказки (p и img) внутри html - person user2822813; 27.10.2014
comment
Я получил ответ: просто заверните жало в другой $()), вот так: return $($('#my_id_description').html()); - person user2822813; 27.10.2014