0

我正在使用 TippyJS 向我的网站添加一些工具提示。他们的 HTML 内容可以正常工作，除了在页面加载时，您可以在内容消失之前短时间查看内容。我该如何解决？我的网站现在跳转，因为我的菜单结构中有一些 HTML 的小费。

我只是在页脚中有这些文件：

<!-- Popper JS -->
<script src="assets/js/popper.min.js"></script>
<!-- Tippy JS -->
<script src="https://unpkg.com/tippy.js@6"></script>

我拥有的工具提示示例：

<span class="tooltippy_nostyle">
    <img class="infosvg" src="assets/images/custom/icon_info.svg">
    <div class="tooltipcontent darktext">
    Test
    </div>
</span>

和 JS：

$( ".tooltippy_nostyle" ).each(function( i ) {
    tippy(this, {
        trigger: 'click',
        allowHTML: true,
        animation: 'scale-subtle',
        interactive: true,
        content: function (reference) {
            return reference.querySelector('.tooltipcontent');
        }
    });
});

内容是什么并不重要，很多 html 或只是 1 个单词。在 TippyJS 代码将其删除并将其放入工具提示之前，首先显示内容。我能做些什么来解决这个问题？我尝试将页脚中的文件移动到页眉，但这并没有改变。

4

0 回答 0