jquery - 引导程序：未捕获的类型错误：对象 [对象对象] 没有方法 'tooltip'、'typeahead'

Question

我正在尝试使用引导程序的工具提示、提前输入、日期选择器功能。但是我在控制台中不断收到这些错误！

Uncaught TypeError: Object [object Object] has no method 'tooltip'
Uncaught TypeError: Object [object Object] has no method 'typeahead'

这就是我的导入的样子：

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/datepicker.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/bootstrap-typeahead.js"></script>
<script type="text/javascript" src="js/highcharts.js"></script>
<script type="text/javascript" src="js/exporting.js"></script>
<link type="text/css" rel="stylesheet" href="css/jquery.dropdown.css" />
<script type="text/javascript" src="js/jquery.dropdown.js"></script>

一些示例代码：

<a class="btn btn-success" data-toggle="modal" href="#payments"
           rel="tooltip" data-placement="top" title="Record your payments">
            <i class="icon-check icon-white"></i> Payments</a>

$("#payments").tooltip('show');

同样，我有 datepicker 和 typeahead 的代码。

任何解决方案？

编辑：

这是我刚才尝试的：

<a href="#" rel="tooltip" data-placement="top" title="Tooltip on top">Test</a>

<script type="text/javascript">
$(function() {
    $("#").tooltip().tooltip('show');
});
</script>

但仍然没有成功。当我将鼠标悬停在上面时，它确实显示了工具提示文本，Test但它是史前时代的。不像引导示例页面上显示的那样。不酷。

所以现在谁能告诉我哪里出错了？

Answer 1

我刚刚遇到了这个问题，我的问题是我不小心包含了 jQuery 两次。

Answer 2

您确定引导 js 文件已正确加载吗？您还应该在以show编程方式调用方法之前初始化元素上的工具提示插件：

<a href="#" rel="tooltip" data-placement="top" title="Tooltip on top">Test</a>

<script type="text/javascript">
$(function() {
    $("a[rel='tooltip']").tooltip();
});
</script>

datepicker这也适用于typeahead插件。

Answer 3

我会尝试将您的引导脚本放在所有其他脚本之下。我遇到了同样的问题，这是因为我的引导脚本上方有一个 jQuery 脚本。

Answer 4

我可以看到您的脚本标签中不存在 bootstrap-tooltip.js。

<script src="js/bootstrap-tooltip.js"></script>