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

Question

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

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

我使用的是 materialize 版本 0.97.6

找到 fiddle 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);
}