jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化's Archiver

wmh 發表於 2007-9-18 10:31

[新推出] jQuery UI

jQuery UI 如期的在周日[url=http://jquery.com/blog/2007/09/17/jquery-ui-interactions-and-widgets/]推出了正式版本[/url],伴隨著這個新工具,有專個網址在:

[b][size=4][url=http://ui.jquery.com/]http://ui.jquery.com/[/url][/size][/b]

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

[b]相簿[/b] - 在 IE、Safari 上可能會有一些問題 (不過我用 IE7 看起來是還算 ok)
[url=http://dev.jquery.com/view/trunk/plugins/ui/apps/gallery_advanced/][img]http://ui.jquery.com/gallery_advanced2.png[/img][/url]

[b]長條圖[/b] - 不支援 IE,請使用 Firefox、Safari 或 Opera
[url=http://ejohn.org/apps/speed/][img]http://ui.jquery.com/speed.png[/img][/url]

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

[b]Mouse Interaction[/b]
[url=http://dev.jquery.com/view/trunk/plugins/ui/demos/ui.draggable.html]Draggables[/url] 可拖
[url=http://dev.jquery.com/view/trunk/plugins/ui/demos/ui.droppable.html]Droppables[/url] 可曳
[url=http://dev.jquery.com/view/trunk/plugins/ui/demos/ui.sortable.html]Sortables[/url] 排序 (如果能做到 Script.aculo.us 一直做不好的那個樹狀結構排序的話就更完美了)
[url=http://dev.jquery.com/view/trunk/plugins/ui/demos/ui.selectable.html]Selectables[/url] 奇怪的多選功能,似乎不符合操作習慣
[url=http://dev.jquery.com/view/trunk/plugins/ui/demos/ui.resizable.html]Resizables[/url] 可縮放框

[b]Widgets[/b]
[url=http://dev.jquery.com/view/trunk/plugins/ui/demos/ui.accordion.html]Accordion[/url] 仿 Outlook 的側邊隱顯工具列 (這有沒有個比較正式的中文名稱啊?)
[url=http://dev.jquery.com/view/trunk/plugins/ui/demos/ui.calendar.html]Calendar[/url] 月曆
[url=http://dev.jquery.com/view/trunk/plugins/ui/demos/ui.dialog.html]Dialog[/url] 對話框
[url=http://dev.jquery.com/view/trunk/plugins/ui/demos/ui.slider.html]Slider[/url] 滑球 (耶,最近棒球看多了...不過這是什麼大家都知道的)
[url=http://dev.jquery.com/view/trunk/plugins/ui/demos/ui.tablesorter.html]Tablesorter[/url] 可排序的表格 (個人一直很懷疑這種實做的實用性,資料量大的時候用 JavaScript 會掛掉吧)
[url=http://dev.jquery.com/view/trunk/plugins/ui/demos/ui.tabs.html]Tabs[/url] 頁籤

[b]Effects[/b]
[url=http://dev.jquery.com/view/trunk/plugins/ui/demos/ui.magnifier.html]Magnifier[/url] 仿 MacOS X 或說仿 Dojo 的魚眼工具列,有些比較不同的地方
[url=http://dev.jquery.com/view/trunk/plugins/ui/demos/ui.shadow.html]Shadow[/url] 上陰影

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

頁: [1]

Powered by Discuz! Archiver  © 2001-2009 Comsenz Inc.