Materializecss 工具提示未显示

发布于 2025-01-10 23:40:37 字数 626 浏览 0 评论 0原文

我正在尝试使用其网站上显示的示例第一次使用具体化工具提示。但是，工具提示没有显示。我缺少什么？这是小提琴的链接： https://jsfiddle.net/L013uvms/5/

 <textarea id="causative_micro_organisms" class="materialize-textarea tooltipped" data-position="top" data-tooltip="I am a tooltip" required="" aria-required="true"></textarea>
<label for="causative_micro_organisms">What are the LIKELY causative Micro-organisms?</label>

我还初始化了工具提示

$(document).ready(function() {
  $('select').formSelect();
  $('.tooltipped').tooltip();
  })

原文

I am trying to use materialize tool tip for the first time using the example shown on its website. However, the tool tip is not showing up. What am I missing? Here is the link to the fiddle : https://jsfiddle.net/L013uvms/5/

 <textarea id="causative_micro_organisms" class="materialize-textarea tooltipped" data-position="top" data-tooltip="I am a tooltip" required="" aria-required="true"></textarea>
<label for="causative_micro_organisms">What are the LIKELY causative Micro-organisms?</label>

I have also initialized the tool-tip

$(document).ready(function() {
  $('select').formSelect();
  $('.tooltipped').tooltip();
  })

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

夜光 2025-01-17 23:40:37

它可能有效，但它是看不见的。检查_tooltip.scss中的.material-tooltip背景色是否透明。如果是，请将其设置为所需的颜色。就我而言，我将其设置为黑色：

.material-tooltip {
 ...
 background-color: black;
 ...
}

It may works but it's invisible. Check if .material-tooltip background color in _tooltip.scss is transparent. If yes, set it to desired color. In my case I set it to black:

.material-tooltip {
 ...
 background-color: black;
 ...
}

回复收藏 0 原文

不乱于心 2025-01-17 23:40:37

作为 Materialize 网站的文档，在文档准备

document.addEventListener('DOMContentLoaded', function() {
 var elems = document.querySelectorAll('.tooltipped');
 var instances = M.Tooltip.init(elems, options);
});

相关链接之前添加这些内容 https://materializecss.com/tooltips.html

as docs of materialize website add these before document ready

document.addEventListener('DOMContentLoaded', function() {
 var elems = document.querySelectorAll('.tooltipped');
 var instances = M.Tooltip.init(elems, options);
});

回复收藏 0 原文

~没有更多了~