Добавить HTML-разметку в toolize to materialize.css

Question

Есть ли способ добавить разметку HTML в всплывающую подсказку в материализованном? Я пытаюсь упорядочить некоторые данные как список определений внутри всплывающей подсказки. Я попытался добавить его непосредственно в атрибут tooltip данных, но он, похоже, не распознает теги.

Answer 1

В материализуйте.js, вокруг строки 1258 внесите следующие изменения, чтобы скрывать все подсказки в html.

// Change .text() 
newTooltip.children('span').text(origin.attr('data-tooltip')); 
// To .html() 
newTooltip.children('span').html(origin.attr('data-tooltip')); 

Answer 2

В последней версии вы можете использовать:

$(document).ready(function(){ 
    $('.tooltipped').tooltip({delay: 50, tooltip: 'some text', html: true}); 
    }); 

См http://materializecss.com/dialogs.html

Answer 3

В материализовать v0.100.2 можно использовать данных в HTML атрибут. Если установлено данных HTML = "истина", то материализовать делает, как $ (...). HTML()

Так что это будет оказана в виде $ (...). Текст()

<a class="btn tooltipped" data-position="bottom" data-delay="50" data-tooltip="I am a tooltip">Hover me!</a> 

И это как $ (...). HTML()

<a class="btn tooltipped" data-html="true" data-position="bottom" data-delay="50" data-tooltip="I am a tooltip">Hover me!</a>