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

Question

When I try to initialize Popper.js like below, nothing happens.

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

However if I apply the same code to a button, it magically works as soon as it is pressed.

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

How can I fix this problem? My imports already are in the order suggested in this post.

Answer 1

Adding this code to my main.js file fixed it:

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

I guess what happened is that I tried to initialize the tooltips before the elements with the tooltips could even be loaded via ajax.