微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。