jQuery UI:交互与组件

发布于 作者

在 jQueryCamp Boston 与 jQuery UI 团队见面吧!
我们将在十月份举办为期一天的免费会议,jQuery 和 jQuery UI 的大部分团队成员都会出席。快来参加,提问,并与构建你所喜爱的库的人们见面吧!

User Interface - Green

今天我们非常高兴地宣布一个全新的库:jQuery UI。jQuery UI 是一个完全主题化的交互和组件库,构建于 jQuery 之上。

你可以在它的网站上找到关于 jQuery UI 的所有你需要了解的信息
http://ui.jquery.com/

jQuery UI 标志着 jQuery 项目的一个全新分支的开始,该分支将专注于开发高质量、可重用、可直接应用于你的应用程序的组件。通常,这些组件直接来自传统的 jQuery 插件,但具有严格的编码、文档、主题和演示标准。我们希望你也能像我们一样享受这种更高质量的体验。

我们发布了一个完整的主题:Flora(由 Tom 设计)和两个部分完成的主题:Light 和 Dark(由 Sean 设计)。在未来一周内,我们将宣布一个新的主题竞赛的细节,以及构建你自己的 jQuery UI 主题所需的一切。

注意:jQuery UI 需要你使用,至少,jQuery 1.2.1 或更高版本。

请多多包涵,作为一个全新的项目,仍然会有很多粗糙的地方,这是可以预料的。请将错误提交到 bug tracker 的“UI”组件下,并在 jQuery UI Mailing List 上提出讨论。我们感谢你的帮助。

废话不多说,这就是 jQuery UI!

演示应用:高级图片库

(目前在 IE 和 Safari 中存在问题 – 我们正在修复,稍后今天应该会发布。)

演示应用:条形图导航

(目前仅在支持 Canvas 的浏览器中有效:Firefox、Safari 和 Opera。)

特性:鼠标交互

可拖动 (文档)

可放置 (文档)

可排序 (文档)

可选择 (文档)

可调整大小 (文档)

特性:组件

手风琴 (文档)

日历 (文档)

对话框 (文档)

滑块 (文档)

表格排序器 (文档)

选项卡 (文档)

特性:效果

放大镜 (文档)

阴影 (文档)

贡献者

这是超过十个人数月努力的结果 – 其中许多人是第一次为 jQuery 贡献代码。

现在,这里有一个粗略的列表,列出了每个人所做的工作。(如果我忘记了任何人,请告诉我!)

  • Paul B (可拖动、可放置、可排序、可调整大小、滑块、阴影、放大镜、图片库应用)
  • John (文档、主题、演示、UI 网站、猫咪放牧)
  • Richard (树、可选择、可排序、对话框、许多错误修复)
  • Tom (Flora 主题、UI 网站和 UI 标志)
  • Sean (主题、Dark 和 Light 主题、阴影、表单)
  • Klaus (选项卡)
  • Joern (手风琴)
  • Christian (表格排序器)
  • Adel (下载器、客户端)
  • Paul H (下载器、服务器端)
  • Marc (日历)

还有 Tane、Micheil、Gilles、Dmitri 和 Yehuda 的额外帮助。他们的许多工作都将在 jQuery UI 的下一个版本中看到(包括菜单、工具栏、上传器、分割器和富文本编辑器)。

我想更详细地写一下每个人为此项目付出的努力,以便单独感谢每个人,因为每个人都做得非常出色。Paul、Tom、Richard 和 Sean,尤其是 – 你们做得非常棒!

再次,希望大家喜欢这项新工作 – 请多多包涵,它仍然有一些非常粗糙的地方。如果你发现任何错误,请将其发布到 bug tracker 的“UI”组件下。

一如既往,反馈非常受欢迎!如果你想告诉我们你的想法,请发布到 jQuery UI Mailing List,或者加入 irc.freenode.net #jquery-ui,因为那里是我们能找到我们的最佳地点。

尽情享受吧!

如果你喜欢你所看到的,请digg 一下

43 条评论在“jQuery UI:交互与组件

  1. dito72 发表于 说:

    非常好:),我没有使用这种库的经验。它与 scriptaculous 相当吗?

  2. @dito72:在某些方面,可以将其与 Scriptaculous 比较,没错。但是,它目前并没有处理 Scriptaculous 涵盖的众多动画技术。我想在某个时候,我们会看到以 jQuery 插件的形式出现。

  3. Romz 发表于 说:

    难以置信,我仍然对你们疯狂的工作(和将要做的工作)无语。

    来自比利时致以许多祝贺 ;-)

  4. Mann 发表于 说:

    高级图片库 & 幻灯片无法工作;
    选项卡有视觉上的 bug;

    Opera 9.20
    WinXP SP2

  5. viper 发表于 说:

    可调整大小的元素(模态和文本区域)在 IE 中性能较差。
    图库在 IE6 中无法正常工作。

  6. 非常棒的工作。

    尤其是在可排序的元素上做得很好。我尝试过的其他框架在可排序的元素中使用浮动元素在可滚动 div 中时都会出现问题——但到目前为止,它在 FF2/win 中运行良好!

    继续努力!

  7. Jason 发表于 说:

    期待更多关于其选项的文档信息。我假设它与界面可排序的元素差不多。

  8. Stuart 发表于 说:

    如果这个像看起来那么好,那就决定了。我一直在 YUI 和 jQuery 之间摇摆不定,YUI 的范围和 widget 更有优势,而 jQuery 的大小和语法更有优势。我猜这背后有很多接口,这很好,因为那是相当成熟的代码。我喜欢可选择的下载选项,允许最终代码的大小保持较小。干得好!

  9. ziggy 发表于 说:

    不错的效果,很棒。

    设计/颜色对于标准的 GUI 元素来说不太好。选项卡看起来很糟糕。我不喜欢小型的可调整大小的指示器。我知道设计取决于用户,但默认演示可以采用中性的 Windows 业务外观,然后让人们根据需要对其进行自定义。

    小提示

    - 顶部的可拖动元素在较低部分示例下丢失。
    - 两个示例中的可释放元素不明确;一个有效,一个无效。
    - 如何取消选择可选择的元素?
    - 为什么在手风琴上使用图片?
    - 手风琴有 2 个空白演示插入

  10. Slim Jim 发表于 说:

    只想说谢谢!仍然是最好的。

    我还想让您知道,在嵌套列表的排序演示中有一个错误。如果您将子节点移动到成为父节点,然后将同一个节点移回其子节点状态,然后选择子节点的父节点,您会注意到,当您移动整个组时,子节点会变成半透明的。希望这清楚明了。

    继续努力!

  11. rleggett 发表于 说:

    图库在 Mac 上的 Safari 3 中无法正常工作。撇开 bug 不说,继续保持出色的工作!

  12. 有没有人遇到插件样式下载的问题?我选中了所有复选框,它给我返回一个最小化的文件,但在我的第一次测试中,它实际上不包含任何日历代码或表格排序器代码?

    也许我得了周一综合症。

  13. @Zach:我们目前在包含这两个文件方面遇到问题——我们正在努力解决它。(它们略有不同,因为它们是普通的 jQuery 插件。)

  14. Wade Harrell 发表于 说:

    看起来不错,快接近 ext 了,这总是让我的客户垂涎欲滴,直到他们看到支持和其他费用。

    我注意到了一些“在浏览器X中无法正常工作”的警告,这有点让人烦恼。我非常确定约翰曾经说过(我不记得是在视频中还是博客中)如果某件事在给定的主流浏览器中无法工作,那么它就根本无法工作。

    我认为这更多的是信任问题。我想向一些人展示这些演示,但如果他们看到这些警告,他们永远不会信任 jQuery,尤其是在一些 Flex 开发者在他们耳边吹嘘它在所有浏览器中都能以相同的方式工作(虽然不完全正确,但没关系)。

    仅是我个人的看法,我宁愿看到一套较小但完美运行的功能,而不是一大堆只在某些情况下才能运行的功能。

  15. 不错的工作!我现在仍然坚持使用 ExtJS 作为 UI(有人知道它是否与 JQuery 1.2.1 兼容吗?),但很高兴知道在不需要“原生应用感觉”的网站上还有另一种选择。

  16. 如果能包含旧 interface.eyecon 中的相同工具提示插件就太好了。
    我尝试了不同的工具提示插件,但只有这个简单易用,并且能很好地处理动态标题更改。

  17. Greg 发表于 说:

    这很棒,很有趣……期待它成熟。但我很高兴它是一个单独的下载,并且希望它保持这样。

    请务必将这些内容与 jQuery 核心分开。4 个月前,这位设计师/开发者并不关心 jQuery 和 javascript/ajax “技巧”,因为纯粹为了可用性/开发时间的原因……现在我没有 jQuery 就无法开发了。为浏览器设计一直以来,并且将永远是除了大预算之外的浪费时间。jQuery 极其高效的尺寸/速度/便利性/可靠性/稳定性是我每天使用它的原因。

    我很高兴 jQuery 不像 EXT……文件大小问题和内存膨胀。但这是很棒的东西。

    你们让任何人开发出超棒的网站都太容易了,停止吧!

  18. 引用:Bram.us » jQuery UI

  19. Marc 发表于 说:

    我更新了 Wayne,告诉他日历的真相,即它并没有缺少他所指的功能。

  20. Jorge Paredes 发表于 说:

    太棒了!

    我喜欢 jQuery,然后我喜欢 jQuery UI……

    干得漂亮…

    来自墨西哥的问候。

  21. LVB 发表于 说:

    这个很有希望,但根据我所能测试的,我认为这应该被称为 beta(或 alpha?)而不是 1.0 版本。即使在官方网站上的演示中仍然存在很多错误。

    期待下一个版本,我希望 UI 模块能尽快达到核心的整体质量。我渴望受益于使用 UI 小部件的 jQuery 1.2.1 的强大功能。

  22. Devin 发表于 说:

    这太棒了!可惜我完成我的主要网站项目之前没有完成它。完成我为期 9 个月的系统开发项目,准备提交我的荣誉学位论文还有 5 天。将来一定会使用它!!再次做得很好。

    祝好

    Devin

  23. Alexandre Magno 发表于 说:

    jQuery 简单、奇妙、强大且完整的 javascript 框架。我正在所有我的项目中采用它……但现在,在一个更大的项目中,使用 ajax 和大量的表单集成,我看到使用 jQuery 我们可以做任何我们想要的事情,我们只需要明智地应用它。祝贺 jQuery 团队、Ray Bango 和公司,我将尽我所能将这个框架传播到南美洲……谢谢…