2010-08-17 54 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提供的軟件包,則不能使用延遲和偏移量參數。