物化css中的徽章属性data-badge-caption不起作用？

Question

<span class="new badge" data-badge-caption="custom caption">4</span>

这仍然让我“4新”而不是“4自定义标题”。

我正在使用materialize版本0.97.6

找到小提琴https://jsfiddle.net/x8w11aa0/

Answer 1

您是否加载了materialize.js文件？

这似乎对我有用：https://jsfiddle.net/xpoh33m6/1/使用与您相同的代码：

<nav>
  <span class="new badge" data-badge-caption="custom caption">4</span>
</nav>

修改：您的代码正在使用v0.97.7但不是v0.97.6（此功能可能仅在v0.97.7中引入）

Answer 2

您可以添加此CSS

span.badge[data-badge-caption]::after {
    content: " " attr(data-badge-caption);
}