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

Question

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

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


});

Answer 1

欢迎来到这里！

如Tippy文档所述

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>

​