Why my tooltip is not appearing?

Topic: Why my tooltip is not appearing?

I m using the following code but is not working...

In HTML:

<div class="btn indigo darken-3" id="settings" data-toggle="tooltip" data-html="true" title="Some words to help"><img src="../fotos/settings.png" alt=""></div>

In JavaScript

<script type="text/javascript" src="/js/popper.min.js"></script>

$(function () {

      $('[data-toggle="tooltip"]').tooltip()

    })

Add comment

Leandro Francisco answered 5 years ago

0 0 Best answer

Problem Solved! the problem was the order importing the libraries.... I was importing the 4, but not in the correct order, the popper can't be at the end....

Add comment

Bartłomiej Malanowski staff pro premium answered 5 years ago

0 0 Best answer

Did you attach only the popper.min.js in your HTML file? The tooltip is a component that comes from Bootstrap so you need to import jQuery, Popper, bootstrap.js, and mdb.js in this order

Leandro Francisco commented 5 years ago

I'm attaching the 4 files, but doesn't works anyways.

Bartłomiej Malanowski staff pro premium commented 5 years ago

Can we see the demo?

Add comment

Today Infra Web Development answered 5 years ago