Question

所以我已经下载并包含在我的样式表和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函数和更改我的元素类的东西并完成了大量的谷歌搜索，但我找不到答案这里有什么问题。

非常感谢任何帮助。

Answer 1

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

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

Answer 2

变化：

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

为：

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

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