Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 工具提示不起作用(引导)_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

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

Javascript 工具提示不起作用(引导),javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我是Bootsrap的新手,我刚刚开始了解它。我正在尝试使用工具提示javascript实用程序,根据网页、我看到的源代码和我在这里找到的一些答案,我已经完成了所有应该怎么做的事情,但它不起作用 下面是我打算在HTML中使用它的地方: <!-- Hola mundo --> <div class="row"> <div class="starter-template tab-content"> <div class="tab-pane fad

我是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 -->

“你好,蒙多!

Nunc坐在amet Nunc酒后驾车。nec viverra mi,et pellentesque sem。在达皮布斯,我们是尊贵的

由于该实用程序需要手动加载,我就是这样做的:

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

$(文档).ready(函数(){
$('.tooltip demo')。工具提示({
选择器:“[数据切换=工具提示]”,
容器:“主体”
})
});

加载jQuery后,此脚本将加载到页面的页脚。

在Bootstrap3中,您可以更轻松地执行此操作,并且无需初始化
$(文档)
部分

将html更改为

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

注意:您可以更改位置,并且在文档引导工具提示中有各种选项。它与jquery ui不兼容!
如果您使用的是jquery ui,请删除它

你在使用哪个引导?最新的,3.0.3。我认为它也不起作用,现在我看到一个工具提示,但它没有使用引导工具提示实用程序,我确信这一点,因为如果我在脚本中或使用数据放置更改放置的值,工具提示仍然显示在底部。我认为当使用
标题
属性时,会出现此“假”工具提示,但与
数据原始标题
属性不一致。这就是我在我的一个网站上使用它的方式,我可以通过
完全控制它的位置和所有其他选项。你们有完整的引导安装吗?您从哪里获得
数据原始标题
?是的,我在下载预编译版本时检查了所有插件。我从解释其工作原理的页面的源代码中获得了
数据原始标题
属性。我得到了!!!!!我检查了我的网页的源代码。很明显我的代码里潜入了一些奇怪的字符。在激活工具提示的脚本的结束标记之前,我看到了以下内容:​;这完全搞乱了剧本。不是看不见就是很难看到,但我没有看到。谢谢你的帮助@Adam Brown+1和3.1.1文档中的一些补充:“出于性能原因,工具提示和Popover数据API是选择性加入的,这意味着您必须自己初始化它们,而不是删除它们。请查看以下答案:使用自定义版本的JqueryUI,但不包括工具提示功能。
$('[data-toggle="tooltip"]').tooltip({'placement': 'bottom'});