2010-08-17 55 views
1

我刚刚在我的网站上添加了jquery tipsy插件,我似乎无法正常工作!它褪色得很好,HTML工作正常,但延迟不会发生。这里是我使用的代码:jQuery tipsy插件 - DelayIn无法正常工作

$(document).ready(function() { 

$('#navi li a').tipsy({delayIn: 500, fade: true, html: true}); 

}) 

有没有人遇到过这个问题?此页面的链接如下:failing demo

+0

我有同样的问题,你解决了吗? – 2011-01-26 15:48:16

+0

在这里,我已经给你一个答案。自从他问这个问题之后,Matt Wiz并没有去过这个网站 - 所以他可能不会回答你的问题。如果你需要这样的旧问题的答案,可以考虑问一个新问题,并链接到旧问题。像请求解决方案和“我也是!”应该真的留下来作为评论(尽管你没有足够的代表这样做,但) – 2011-01-26 15:48:16

回答

3

如果您阅读了Matt Wiz网站的源代码,您会注意到他使用的技术。他用醉意的选项是

$('a.yes').tipsy({delayIn: 500, title: 'rel', fade: true, html: true}); 

和HTML

<a rel="&lt;b&gt;In This Section&lt;/b&gt;&lt;br/&gt;&lt;br/&gt; 
We have plenty of ways you can help our cause! 
Check out this page for more information about how you can help 
&lt;span style=&quot;font-weight:bold;color:#ff6600&quot;&gt;The Change Exchange&lt;/span&gt; in our endeavors." 
id="howcanihelp" href="http://setarecord.com/tce/how-can-i-help/" class="yes" 
style="background-position: 0px 0px;" original-title=""> 
<span>How Can I Help?</span><span class="hover" style="top: 53px;"></span></a> 

这是丑陋的罪过,非常不愉快的阅读(注:原码并不完全具备这些行距)和顶部所有这一切,其可怕的HTML无效。只需不要这样做。还有其他的jQuery工具提示插件可以让你做到这一点,而不必将所有的HTML数据粘贴到属性中,好吗?

4

下载包(0.1.7)与演示页面上使用的代码不相似。我手动复制了演示页面中的代码(tipsy.css,tipsy.gif和tipsy.jquery.js),现在一切正常。如果使用juerypage提供的软件包,则不能使用延迟和偏移量参数。