尝试使用 jquery 工具提示插件，对象没有方法“工具提示”答案

【问题标题】：trying to use jquery tooltip plugin, object has no method "tooltip"尝试使用 jquery 工具提示插件，对象没有方法“工具提示”
【发布时间】：2012-08-16 16:12:16
【问题描述】：

我正在使用这个工具提示：http://flowplayer.org/tools/demos/tooltip/index.html

我的 html 文件中有以下几行：

<script src="/javascripts/home.js" type="text/javascript"></script>
<script src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/scripts/jquery.min.js"></script>

<div id="boo">
<img src="image1.jpg" title="this thing is a tool"/>
<img src="image2.jpg" title="this thing is also tool"/>
</div>

我的 home.js 文件中有以下行：

$("#boo img[title]").tooltip();

我的 css 文件中有以下行：

.tooltip {
    display:none;
    background:transparent url(/tools/img/tooltip/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff; 
}

我收到此错误：

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

我已经束手无策了。我觉得我完全按照网站上的示例进行操作，但不知道发生了什么。

【问题讨论】：

标签： jquery jquery-ui tooltip jquery-tooltip

【解决方案1】：

你应该重新排序你的 js 文件：

<script type="text/javascript" src="/scripts/jquery.min.js"></script>
<script src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js" type="text/javascript"></script>
<script src="/javascripts/home.js" type="text/javascript"></script>

对于遇到此问题的其他人的更多解释：

脚本是按照它们被调用的顺序加载的，所以你想先加载 jQuery，然后是任何插件，然后是你的自定义代码。

【讨论】：

【解决方案2】：

也遇到了这个问题，这是因为源文件夹中丢失了旧版本的jquery，是jquery v1.6.2。如果它可以帮助某人...祝你有美好的一天！

【讨论】：

我把那个拉进去，取出 jquery cdn，拉 cdn 并删除 ./jquery.min.js -- 不走运。

【解决方案3】：

将$("#boo img[title]").tooltip(); 包裹在$(function(){ }); 中，最终得到：

$(function(){
    $("#boo img[title]").tooltip();
});

为什么：

$(function()... 是在 domReady 事件上执行该代码的捷径。因此，此时所有的 jquery 文件和页面都将被加载到足以让您的 javascript 工作。

【讨论】：

我有jQuery(function($){... 并切换到$(function(){...，但仍然没有运气。