Question

我已经通过了所有Stack Overflow，尝试了任何东西。工具提示无效。你能帮帮我!!!

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

    <script>
      $(function() {
        $('[rel="tooltip"]').tooltip();
      });
    </script>
  </head>

  <body>
    <div class="container">
      <div class="btn-group">
        <button class="btn btn-default" rel="tooltip" title="hello" data-placement="bottom">Hello World</button>
      </div>
    </div>
  </body>

</html>

Answer 1

基于 dfsq 的评论 - 在bootstrap js文件之前添加jQuery js文件。

<script src="[jQuery JavaScript file]"></script>
<script src="[Bootstrap JavaScript file]"></script>

Bootstrap JS文件基于jQuery。因此，为了确保一切正常 - 这是在<head>标记中添加脚本标记调用的顺序。

Bootstrap工具提示没有出现

1 个答案: