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

【问题标题】：badge attribute data-badge-caption in materialize css not working?实现 css 中的徽章属性 data-badge-caption 不起作用？
【发布时间】：2016-11-28 23:35:46
【问题描述】：

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

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

我正在使用物化版本 0.97.6

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

【问题讨论】：

标签： css material-design materialize

【解决方案1】：

你可以添加这个 CSS

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

【讨论】：

【解决方案2】：

您是否加载了 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 中引入）

【讨论】：

你添加的css url是什么？我正在使用以下而不是使用它，请在下面尝试小提琴cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/…
你可以试试 0.97.7 版本吗？
嗯，这适用于 0.97.7 并且不需要 JS。虽然link 遇到了 Github 问题，但我已经在我的应用程序中使用了 0.96.6，所以只是担心它可能带来什么变化。
你知道哪个版本增加了这个功能吗？
看起来只有 0.97.7。使用版本详细信息更新您的答案，以便我可以将其标记为已接受。