在哪里把我的js用于tipsy - jquery工具提示

时间:2011-02-06 22:08:36

标签: jquery ruby-on-rails jquery-plugins

所以我已经下载并包含在我的样式表和javascript文件“tipsy.css”和“jquery.tipsy”中。我添加了图像“tipsy.gif”并修改了它的路径。 我把我的application.js放入以下

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

我把这一行放在我看来:

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

当我将鼠标悬停在它上面时,没有任何醉意的魔法开始工作。只有悬停标题的标准。我在这里做错了什么?

我在rails上使用ruby并将其包含在我的样式表和js中:

<%= stylesheet_link_tag 'application','tipsy'%>
<%= javascript_include_tag "application", "jquery", "jquery.tipsy"%>

我尝试过很多改变我的window.load函数和更改我的元素类的东西并完成了大量的谷歌搜索,但我找不到答案这里有什么问题。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:2)

tipsy源被分区到正确的文件夹中。您将样式表中的文件放入公共/样式表中,依此类推。然后我会添加javascript_include_tag "jquery.tipsy"。确保查看源代码以确保它正在加载它,如果没有,那么您的名称/路径不匹配。

顺便说一句,确保已经为jQuery安装了ujs handler,否则,你仍然使用rails-default of prototype,这意味着你对$函数的引用是实际上被路由到原型而不是jQuery。

答案 1 :(得分:1)

变化:

<%= javascript_include_tag "application", "jquery", "jquery.tipsy"%>

为:

<%= javascript_include_tag "jquery", "jquery.tipsy", "application" %>

我不知道Ruby on rails和javascript_include_tag但是我假设您在jQuery之前加载application.js并且在可用的地方提示。