jquery 醉意插件。醉酒不是一个功能答案

【问题标题】：jquery tipsy plugin. tipsy is not a functionjquery 醉意插件。醉酒不是一个功能
【发布时间】：2011-04-18 17:37:12
【问题描述】：

我正在尝试使用 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 和 document ready 中添加 Tipsy 功能。

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

无论如何，Firefox，使用firebug调试，我得到错误：

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

我可以使用 firebug 中的“脚本”选项卡来查看 jquery.tipsy.js。所以我知道文件正在被加载。 IE 报错：'Object doesn't support this property or method'.

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

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

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

关于我缺少什么的任何想法？我发现的所有关于醉酒的帖子和方向听起来都像是“你所要做的就是......”

【问题讨论】：

标签： jquery jquery-ui jquery-plugins

【解决方案1】：

我知道这是一个老问题，但我也遇到了类似的问题。我的部分页面正在使用 jQuery load() 函数进行更改。我正在加载使用该符号来包含tipsy.js 的页面。我还可以看到 firefox 在 Net 窗口中包含了 Tipsy，但是当尝试执行 .tipsy() 时，它说“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 !');
    });
}

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

【讨论】：

【解决方案2】：

我建议将$(window).load(...) 更改为$(document).ready(...)。

可能是在加载 tipsy.js 之前尝试运行该 javascript 代码。执行$(document).ready(..) 可以防止在页面完全加载之前调用.tipsy()。

【讨论】：

【解决方案3】：

只是我的解决方案和问题。正如我后来发现的那样，jquery 库被加载了两次。

这导致醉酒和其他功能无法正常工作，即。 e.他们是undefined。

【讨论】：