jQuery教程（十五）java script 工具提示

Cody Lindley ，Thickbox的作者，日前發布了 jTip - jQuery 工具提示。

我對其中很多想法和思路拍案叫絕。我知道你已經看過很多類似的工具提示代碼了。但是，Cody 的方法已經在我的工作中顯露出了閃光點。

當我檢查HTML代碼時，我發現了一個大問題，可訪問性。連結在java script關閉的時候無法工作。我並不是傾向於一定要實現全面的可訪問性，只是在這裡我認為可以有其他更具親和力的方式實現相同的功能。

尤其是，我個人不喜歡那種為了可訪問性而去犧牲可用性來實現在提示框上連結另一個頁面連結的方法。我喜歡這個提示框 - 不是對Cody不尊重，只是在我這裡我“需要”它能夠在各種情況下工作。

今天我要提供給大家的是Cody的工具提示代碼的小小修改。如果你不是Cody工具提示的愛好者的話，我的改版對你來說也許不是很在意。但如果你喜歡他的作品同時希望它可以在java script關閉的時候照常工作，這個也許是你需要的。

我的改動

讓我產生修改想法的，是他的代碼在Yahoo上的應用。我不喜歡他使用的代碼：

"yahoo.htm?width=175&;link=http://www.yahoo.com"name="Before You Click..."id="yahooCopy"class="jTip">Go To Yahoo

所以我重寫了他的部分代碼，成了現在這個樣子：

"http://www.yahoo.com"rel="yahoo.htm?width=175&link=yahoo&name=Before%20%20You%20Click..."id="yahooCopy"class="jTip">Go To Yahoo

我的樣本

改進：HTML標準校正

My Code可以通過w3.org的測試

改進：命名

在我修改Cody的代碼的時候我發現他使用了一個用來儲存連結名稱的叫做“title”的變數名，這會導致一些混淆。

我標出了這個命名問題，即使我認為這不過是個小小的失誤。

改進：可用性

使用My Code，你可以讓每個提示框都含有真實連結地址到另一個文檔，不管內部的還是外部的。或者你只是想要那個提示框，不想關心可用性，你同樣可以讓連結部分留空。

選擇權在你。

感謝

Cody提供了偉大的代碼，協助我節省了大量的時間和精力。我的修改只是對原有代碼的輕微“調整”，希望朋友們喜歡。