工具提示不起作用(引导程序)

达巴达巴

我是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后,此脚本将加载到页面的页脚。

亚当·布朗

在Bootstrap 3中,您可以轻松得多,并且不需要初始化$(document)零件。

将html更改为

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

和脚本中的

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

注意:您可以改变位置和所有有不同的选项这里的文档

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章