有没有办法在物化中将HTML标记添加到工具提示?我试图在工具提示中安排一些数据作为定义列表。我试图将它直接添加到data-tooltip属性中,但它似乎无法识别标签。
在materialize.js中,在第1258行附近进行以下更改以将所有工具提示转换为html。
// Change .text()
newTooltip.children('span').text(origin.attr('data-tooltip'));
// To .html()
newTooltip.children('span').html(origin.attr('data-tooltip'));
在最新版本中,您可以使用:
$(document).ready(function(){
$('.tooltipped').tooltip({delay: 50, tooltip: 'some text', html: true});
});
在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>