javascript - Tippy.js 内容的问题

Question

我直接从tippy.js 文档中获取了这个例子：

<button id="myButton">My Button</button>

tippy('#myButton', {
    content: "I'm a Tippy tooltip!",
});

我似乎无法使该content选项起作用；但是如果我在按钮元素中放置一个标题属性，就会出现提示工具提示！

Answer 1

titlebutton 上的属性是 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>

演示