Jquery 引导：未捕获类型错误：对象[Object Object]没有方法'；工具提示''；提前输入'；

我正在尝试使用bootstrap的工具提示、typeahead和datepicker功能。但我一直在控制台中看到这些错误

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>

$（函数（）{
$（“#”）.tooltip（）.tooltip（'show'）；
});

但仍然没有成功。当我将鼠标悬停在

Test

上时，它确实会显示工具提示文本，但它是历史之前的版本。与引导示例页面上显示的不同。不酷

---

现在谁能告诉我哪里出了问题吗？

你确定引导js文件加载正确吗？在调用

show

方法programmaticaly:

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

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

$（函数（）{
$（[rel='tooltip']）；
});

---

这同样适用于

datepicker

和

typeahead

插件。

我可以看到bootstrap-tooltip.js不存在于脚本标记中

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

我刚刚遇到了这个问题，我的问题是我意外地包含了两次jQuery。

我会尝试将引导脚本放在所有其他脚本下面。我也有同样的问题，这是因为我的引导脚本上面有一个jQuery脚本。

你在哪里调用这些方法？你能发布那段代码吗？问题是#引用你对象的id，没有一个对象叫做payments。要让它工作，href=“#payments”应该替换为href=“#”id=“payments”我不认为这是必要的，因为工具提示插件应该包含在

bootstrap.js

文件中。我想这些js文件都包含在bootstrap.js文件中！如果我错了，请纠正我。@darkknowtfan是的，所有标准引导插件都应该在

bootstrap.js

（也就是说，如果您没有自定义下载并取消选中其中任何一个）是的，这是正确的，但可能是您自定义了bootstrap.js，而您忘记了包含所有插件或所需插件。不，我没有自定义它。。我很清楚这一点，因此我下载了完整的版本，其中有所有的功能。。。我甚至通过检查bootstrap.js中的代码对其进行了交叉检查。它包括相关插件…\n根据您的建议尝试了一个示例。我们已经更新了问题。你现在能帮忙吗？你使用的代码不正确

$（“#”）

不是指

href=“#”

，如果您是这么想的话。选择器中的

#

用于匹配元素的id。因此，

将与

$（“#link1”）

匹配。在您的测试用例中，您可以匹配

rel

属性，如so

$（'a[rel=“tooltip”]”）。tooltip（）。tooltip（'show'）。这应该可以完成这个技巧，但是从我现在可以推断的，你不需要显式的
.tooltip（'show'）
，除非你想强制显示工具提示。如果您只想让它出现在鼠标上，您可以执行
$（'a[rel=“tooltip”]'）。tooltip（）和if就足够了，因为插件将自己绑定到mouseover/mouseout事件。试试这个，让我知道我已经更新了答案以反映我的最新评论。该代码应该为您提供默认的工具提示功能，如在引导演示页面上（如果引导js文件加载正确），我找到了根本原因。这个问题是
bootstrap
和
HighCharts
插件之间某种冲突的原因。我使用HighCharts插件在同一页面上显示一些图表。当我删除HighCharts代码时，引导功能开始正常工作，并且没有与引导相关的错误。将启动一个新线程来了解这两者之间的冲突。谢谢你的帮助！上帝之母。非常感谢。这不是两个版本还是jquery？我也有同样的问题！谢谢