jquery - 如何在 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. 然后，通过使用您的 HTML 元素调用函数tippy($('#someElementId'))替换 #someElementId 来初始化tippy

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>