Tippyjs 在页面加载时短暂显示 html tippies 的内容

问题描述

我正在使用 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 代码删除它并将其放入工具提示之前，首先显示内容。我能做些什么来解决这个问题？我尝试将页脚中的文件移至页眉，但这没有任何改变。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html javascript tippyjs