Pourquoi mon bootstrap info-bulles ne fonctionne pas?

Bevor-je utiliser un plugin pour Bootstrap j'ai toujours tester avant. C'est pourquoi mon code html est très simple.
Ce serait formidable si vous pouviez m'aider avec mes infobulles.

Ps: je suis vraiment nouveau dans le codage de Sites web

HTML:

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap-Basis-Vorlage</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip links">Tooltip links</button>

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


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>


</body>
</html>
  • Les dernières jquery version
  • Il est de travail jsfiddle.net/2Lzo9vfc/91
  • je n'ai pas l'obtenir. Cela me rend vraiment fou
  • Vous utilisez jQuery sur le document prêt à appeler votre code, mais vous le faites avant de jQuery est chargé. Par conséquent, il ne sera pas exécuté. Mettre jQuery script d'abord, puis votre code personnalisé après. Où vous voulez mettre votre script bootstrap(avant/après du code personnalisé) est facultatif.
  • j'obtiens toujours le même résultat
InformationsquelleAutor Johannes Getzner | 2015-11-16
  1. 6

    Essayer ce code 

    <!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap-Basis-Vorlage</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip links">Tooltip links</button>




    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
        $(function () {
            $('[data-toggle="tooltip"]').tooltip();
        });
    </script>

</body>
</html>
    InformationsquelleAutor Nenad Vracar
  2. 4

    ma première tentative pour résoudre bootstrap info-bulle des problèmes est de changer le sélecteur

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

    il est également possible que l'info-bulle est au travail, mais n'est pas placé à l'avant de votre div

    .tooltip({ container: 'body' })

    https://stackoverflow.com/a/31811884/3511012

    InformationsquelleAutor stackoverfloweth
  3. 0

    Pourquoi mon bootstrap info-bulles ne fonctionne pas?

    Parce que vous initialisez le jquery et bootstrap scripts d'après le code où vous essayez d'initialiser l'info-bulle via jQuery. L'échange autour de. Les Scripts d'abord, puis votre code personnalisé.

    InformationsquelleAutor turbopipp