如何解决Tippy.js 内容的问题
我直接从 tippy.js documentation 拿了这个例子:
<button id="myButton">My Button</button>
tippy('#myButton',{
content: "I'm a Tippy tooltip!",});
我似乎无法使 content
选项起作用;但是如果我在 button 元素中添加了 title 属性,就会出现提示框!
解决方法
按钮上的
title
属性是 HTML 按钮元素的默认行为。
您是否包含脚本?我尝试了以下方式(如文档中所述)并且它没有任何问题。
<button id="myButton">My button</button>
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6"></script>
<script>
// With the above scripts loaded,you can call `tippy()` with a CSS
// selector and a `content` prop:
tippy('#myButton',{
content: 'My tooltip!',});
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。