jquery醉酒插件。醉酒不是一个函数

Question

我正在尝试使用 Tipsy 插件在我的 jsp 页面上显示工具提示。 我已将脚本、CSS 和图像文件复制到我的脚本、CSS 和图像目录中，并将它们包含在页面的头部中。

<script type="text/javascript" src="../scripts/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="../scripts/jquery.tipsy.js"></script>
        <link rel="stylesheet" href="../_templates/css/tipsy.css"   type="text/css" />

我添加了测试工具提示

<a id='example-1' href='#' title='Hello World'>Hover over me</a>

我尝试在 window.load 和文档就绪中添加醉酒功能。

$(window).load(function() {
    alert("window load occurred!");
    $('#example-1').tipsy();
});

无论哪种方式，Firefox，使用 firebug 进行调试，我都会收到错误:

$("#example-1").tipsy is not a function

我可以使用 firebug 中的“脚本”选项卡来查看 jquery.tipsy.js。所以我知道该文件正在加载。 IE 报告错误:“对象不支持此属性或方法”。

我尝试使用从网站下载的Tipsy 0.1.7版本。

http://onehackoranother.com/projects/jquery/tipsy/#notes

我还尝试了可通过github下载的1.0.0a版本。两者都表现出相同的行为。我尝试将其集成到两个不同的页面上。 1 个页面仅使用 jquery，另一个页面成功使用其他 jquery ui 小部件和插件，包括 datepicker、accordion、autocomplete、json2。

对我缺少的东西有什么想法吗？我发现的所有关于醉酒的帖子和说明听起来都像“你所要做的就是......”

Answer 1

我知道这是一个老问题，但我在醉酒方面也遇到了类似的问题。我的页面的部分内容正在使用 jQuery load() 函数进行更改。我正在加载使用包含tipsy.js 的符号的页面。我还可以看到 Firefox 在网络窗口中包含醉酒，但是当尝试执行 .tipsy() 时，它说“醉酒不是一个函数”。我确实等待在 document.ready() 上调用tipsy()，但由于某种原因它仍然不起作用。 所有这些似乎在 Chrome 中都能顺利运行，因此我仅针对 Firefox 添加了:

if ($.browser.mozilla)
{
    $.getScript("pathtotipsy/tipsy.js", function(data, textStatus, jqxhr) {
         $("#foo").tipsy();
         console.log('Success tipsy.js loaded !');
    });
}

这只是再次加载醉酒，并且出于某种原因现在它可以工作了。希望有人能对此有更好的解决方案。