Bootstrap Tooltip Help

I have been learning Bootstrap for a while now.
I have a whole page of stuff that I’ve been doing with it.
The below link is to the snippet that is not behaving correcting.
I have tried getting tooltips to work several different ways:
bootstrap.bundle.js
bootstrap.bundle.min.js
tooltip.js
popper.js

Nothing is working. All I keep getting is…
.tooltip() is not a function.

What am I doing wrong?

http://tnf.rf.gd/bootstrap/bs_tooltip.html

image

you need to close here with ]

probably better to solve also these quotes

here’s the whole code “as it should be”

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

more info here

2 Likes

I made a short version of your existing code
I think some things are missing in your JS versions

I threw something out
something is unnecessary and most use external JS (CDN)

so you edit and download JS as needed ( locally )
and instead of the absolute paths from my code
make it (later) relative when you make your website/files

download this html file and run locally
and then use it (as help) to edit your code on the website

Bootstrap Ed Examples.html (1.7 KB)

4 Likes

In a read-through and copying it over to the original page, it looked like you used non-local files and upgraded them to 5.1.3 vs my files which were 5.0. Ok, whatever.

The one thing I don’t get is…
<body data-new-gr-c-s-check-loaded=“8.888.0” data-gr-ext-installed=" ">

What is THIS doing?

Even without that it still works.
Thanks.

1 Like

I noticed that and changed it shortly after I posted this.
It still errored out the same as before.
This would’ve been a JQuery error to be sure, but I don’t think it would’ve said that “tooltip() is not a function” for it.

MOF, doesn’t JQuery have a “tooltip” function also?
Not that it matters at this point.

Grammarly added that code - sorry for that

jQuery UI has a tooltip

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.