[新推出] jQuery UI

wmh

jQuery UI 如期的在周日推出了正式版本，伴隨著這個新工具，有專個網址在:

http://ui.jquery.com/

jQuery UI 和 jQuery 的關係，你可以想像成是 Script.aculo.us 和 Prototype 的組合，jQuery UI 是集合十多人努力的成果，架構在 jQuery 的基礎之上，專門用來處理 UI 的一組新工具。搭配的 jQuery 版本必須是最新的 1.2.1 或日後更新的版本。目前官方網站上提供了兩個範例來展示多種綜合的效果:

相簿 - 在 IE、Safari 上可能會有一些問題 (不過我用 IE7 看起來是還算 ok)


長條圖 - 不支援 IE，請使用 Firefox、Safari 或 Opera


此外，jQuery UI 主要的一些功能如下

Mouse Interaction
Draggables 可拖
Droppables 可曳
Sortables 排序 (如果能做到 Script.aculo.us 一直做不好的那個樹狀結構排序的話就更完美了)
Selectables 奇怪的多選功能，似乎不符合操作習慣
Resizables 可縮放框

Widgets
Accordion 仿 Outlook 的側邊隱顯工具列 (這有沒有個比較正式的中文名稱啊?)
Calendar 月曆
Dialog 對話框
Slider 滑球 (耶，最近棒球看多了...不過這是什麼大家都知道的)
Tablesorter 可排序的表格 (個人一直很懷疑這種實做的實用性，資料量大的時候用 JavaScript 會掛掉吧)
Tabs 頁籤

Effects
Magnifier 仿 MacOS X 或說仿 Dojo 的魚眼工具列，有些比較不同的地方
Shadow 上陰影

第一版的 jQuery UI 感覺上還算差強人意啦，對於整體的外觀或整合上，仍有加強的空間。不過對於 jQuery 的使用者來說，應該是相當不錯的消息，至少 jQuery 在這一方面也開始跨出了一大步，過去在做 UI 需要配合其他 Library 的情況，或許日後可以調整回來，直接使用 jQuery UI，在此期待 jQuery UI 不斷加強，有朝一日成為此領域的第一把交椅。