工具提示不起作用（Bootstrap）

Question

我是Bootsrap的新手，我剛剛開始了解它。 我正在嘗試使用工具提示javascript實用程序，我已經完成了所有應該根據網頁，我看到的源代碼和我在這里找到的一些答案，但它無法正常工作。

這是我打算在HTML中使用它的地方：

<!-- Hola mundo -->
<div class="row">
  <div class="starter-template tab-content">
    <div class="tab-pane fade in active tooltip-demo" id="home">
      <h1>¡Hola, mundo!</h1>
      <p class="lead">Nunc sit amet nunc dui. <a href="#" data-toggle="tooltip" data-original-title="Pista 1">Aliquam</a> nec viverra mi, et pellentesque sem. In dapibus sem ut consectetur dignissim. </p>
    </div>
    <!-- /div#home -->
  </div>
  <!-- /div.starter-template -->
</div>
<!-- /div.row -->

由於需要手動加載實用程序，這就是我所做的：

<script>
  $(document).ready(function (){
    $('.tooltip-demo').tooltip({
      selector: "[data-toggle=tooltip]",
      container: "body"
    })
  });

在加載jQuery之后，此腳本將加載到頁面的頁腳。

Answer 1

在Bootstrap 3中，您可以更輕松地執行此操作，而無需初始化$(document)部分。

將html更改為

<a href="#" data-toggle="tooltip" title="pista 1"> Aliquam</a>

並在腳本中

$('[data-toggle="tooltip"]').tooltip({'placement': 'bottom'});

注意：您可以改變位置和所有有不同的選項這里的文檔

Answer 2

bootstrap工具提示它與jquery ui不兼容！ 如果你正在使用jquery ui刪除它！