时间戳

首页 > 解决方案 > Popper.js 未在文档加载时初始化

javascript - Popper.js 未在文档加载时初始化

问题描述

当我尝试像下面那样初始化 Popper.js 时，什么也没有发生。

 $().ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
  });

但是，如果我将相同的代码应用于一个按钮，它会在按下时神奇地工作。

$('#randomButton').click(function(){
    $('[data-toggle="tooltip"]').tooltip();
  });

我该如何解决这个问题？我的导入已经按照这篇文章中建议的顺序。

标签： javascriptjquerybootstrap-4popper.js

解决方案

将此代码添加到我的 main.js 文件中修复了它：

setTimeout(function(){
    $('[data-toggle="tooltip"]').tooltip();
}, 500);

我猜发生的事情是我试图在带有工具提示的元素甚至可以通过 ajax 加载之前初始化工具提示。

推荐阅读