Javascript 引导工具提示不起作用_Javascript_Jquery_Html_Tooltip

Javascript 引导工具提示不起作用

javascript jquery html

Javascript 引导工具提示不起作用,javascript,jquery,html,tooltip,Javascript,Jquery,Html,Tooltip,我无法让我的引导工具提示正常工作，我已经尝试了一切，多个jQuery版本、多个引导版本、多个代码片段（在stackoverflow上看到了很多类似的问题）、头部的javascript和正文之后的javascript，似乎都不起作用以下是我当前的代码： <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com

我无法让我的引导工具提示正常工作，我已经尝试了一切，多个jQuery版本、多个引导版本、多个代码片段（在stackoverflow上看到了很多类似的问题）、头部的javascript和正文之后的javascript，似乎都不起作用

以下是我当前的代码：

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
        <script>
            $(function(){
                $('[data-toggle=tooltip]').tooltip();
            });
        </script>
    </head>
    <body>
        <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Example">Tooltip</button>
    </body>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</html>


$（函数（）{
$（“[data toggle=tooltip]”）。tooltip（）；
});

工具提示

您试图在jQuery加载之前使用它

如果在控制台中查看，您将看到错误：

未捕获引用错误：

未定义

要解决此问题，请将

脚本

标记移动到jQuery库和引导JS之后：

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


$（函数（）{
$（“[data toggle=tooltip]”）。tooltip（）；
});

试着这样做：

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

    </head>
    <body>
        <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Example">Tooltip</button>

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

</html>


工具提示
$（函数（）{
$（“[data toggle=tooltip]”）。tooltip（）；
});

这里有两个问题：

1）首先初始化jquery

2）工具提示初始化后插入了非法（不可见）字符。我知道这很糟糕，但你需要去掉那个字符

下面的代码应该可以工作

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
</head>
<body>
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Example">Tooltip</button>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script>
        $(function() {
            $('[data-toggle=tooltip]').tooltip();
        });
    </script>
</body>
</html>


工具提示
$（函数（）{
$（“[data toggle=tooltip]”）。tooltip（）；
});

我试过了，我得到了未捕获的语法错误：控制台中的意外标记非法。@JoséPereira它使用完全相同的HTML/JS工作：哦，好的，在正文之后，它现在可以工作了，非常感谢！