Topic: Why my tooltip is not appearing?

Leandro Francisco free asked 5 years ago


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()

})

Leandro Francisco free answered 5 years ago


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....



yes I'm importing in same way with same above code then also it's not appearing


Bartłomiej Malanowski staff commented 5 years ago

Can we see a live demo?



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 free commented 5 years ago

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


Bartłomiej Malanowski staff commented 5 years ago

Can we see the demo?



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.12
  • Device: Desktop Pc
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: Yes
  • Provided link: No