如何在 jQuery 的工具提示中使用 tippy .js

Question

我想在tippyjs中使用一些类来更改调用这些类的代码，但我不知道如何使用它们

new Tippy('.tooltip.fade.bottom.in {}', {
position: 'top',
animation: 'scale',
arrow: 'true',

});

Answer 1

欢迎来到 SO！

如 Tippy JS 文档中所述：

1. 确保已在 HTML 中包含这些链接
2. 然后，通过调用函数来初始化tippytippy($('#someElementId'))用HTML元素替换 #someElementId

tippy('button');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/popper.js@1"></script>
<script src="https://unpkg.com/tippy.js@5"></script>
<link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/backdrop.css" />
<button data-tippy-content="Tooltip">Text</button>