将HTML标记添加到materialize.css工具提示

时间:2015-08-19 14:21:05

标签: css3 materialize

有没有办法在实体化工具提示中添加HTML标记?我试图在工具提示中安排一些数据作为定义列表。我尝试将其直接添加到data-tooltip属性中,但它似乎无法识别标记。

3 个答案:

答案 0 :(得分:7)

在materialize.js中,在第1258行附近进行以下更改以将所有工具提示转换为html。

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

答案 1 :(得分:3)

在最新版本中,您可以使用:

tex

请参阅http://materializecss.com/dialogs.html

答案 2 :(得分:2)

在Materialise v0.100.2中可以使用 data-html 属性。 如果设置了data-html =" true",则Materialize呈现为$(...)。html()

所以这将呈现为$(...)。text()

<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>