I get error in tooltip

Question

I get error in tooltip

Navigation

#1 by (1 votes)
#2 by (1 votes)

0

error in tooltip, why? Do I need popers?

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

<meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>

<div class="container">
  <h3>Tooltip Example</h3>
  <a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>
</div>

javascript tooltip

asked by hubman 20.12.2018 в 05:09

source

2 answers

1

Just add the following script

<script>
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip(); 
});
</script>

<a href="#" data-toggle="tooltip" title="Hola, soy un tooltip">Aqui tu mensaje</a>

more bootstrap libraries and everything will work fine. Greetings

answered by 20.12.2018 в 06:51

What are the leading players in the industry in games? compression? embedded systems? data? [closed] Avoid quote (') when using INSERT in java

score 1 · Accepted Answer

It's because you use an old version of the popper library.

This library is the one you should use:

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>

When you use libraries such as bootstrap , you have to check when they update something, because as in this case they can leave to give service to "patch" bugs or add improvements.

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

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

<div class="container">
  <h3>Tooltip Example</h3>
  <a href="#" data-toggle="tooltip" title="Hooray!"><b>Hover over me</b></a>
</div>