【问题标题】:Popper.js not initializing on document loadPopper.js 未在文档加载时初始化
【发布时间】:2019-12-03 21:32:35
【问题描述】:

当我尝试像下面这样初始化 Popper.js 时,没有任何反应。

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

但是,如果我将相同的代码应用到按钮上,它会在按下时神奇地工作。

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

我该如何解决这个问题? 我的导入已经按照this 帖子中建议的顺序。

【问题讨论】:

  • 尝试将document传递给这样的函数$(document).ready(...)
  • 我也试过了,没区别
  • 可能是因为它必须与元素或其他东西相关联,但您始终可以在页面加载内调用按钮单击。
  • @iamdlm 我刚试过,没用。
  • 话虽如此,而且关于调试器的评论看起来库加载的时间比执行代码的时间要长。我会在调用点击之前添加页面加载延迟,看看是否有效。如果可行,您可以在使用库之前检查库是否已加载。

标签: javascript jquery bootstrap-4 popper.js


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-19
    • 1970-01-01
    • 2013-11-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多