jQuery UI:交互和组件

发布日期 作者

在 jQueryCamp 波士顿与 jQuery UI 团队会面!
今年 10 月,我们将举办为期一天的免费会议,届时大部分 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 提交到 bug 跟踪器 中的“UI”组件部分,并在 jQuery UI 邮件列表 上进行讨论。感谢您的帮助。

话不多说,现在就来体验 jQuery UI 吧!

演示应用程序:高级图片库

(目前在 IE 和 Safari 中存在问题 - 我们正在努力修复这些问题,今天晚些时候应该会更新。)

演示应用程序:条形图导航

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

功能:鼠标交互

可拖动 (文档)

可放置 (文档)

可排序 (文档)

可选择 (文档)

可调整大小 (文档)

功能:组件

手风琴 (文档)

日历 (文档)

对话框 (文档)

滑块 (文档)

表格排序器 (文档)

选项卡 (文档)

功能:效果

放大镜 (文档)

阴影 (文档)

贡献者

这是超过十个人多年努力的结果,其中许多人都是 jQuery 的首次贡献者。

目前,这里列出了所有帮助过我们的人员及其贡献内容。(如果您发现有人被遗漏,请告诉我!)

  • Paul B(可拖动、可放置、可排序、可调整大小、滑块、阴影、放大镜、画廊应用程序)
  • John(文档、主题、演示、UI 网站、猫群管理)
  • Richard(树形结构、可选择、可排序、对话框、许多 bug 修复)
  • 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,请将它们发布到 bug 跟踪器 中的“UI”组件部分。

一如既往,欢迎您的反馈!如果您想告诉我们您的想法,请发布到 jQuery UI 邮件列表,或加入 irc.freenode.net #jquery-ui,因为那里是最容易找到我们的地方。

享受吧!

如果您喜欢您所看到的,请随时为它 投票

关于“jQuery UI:交互和组件”的 43 条评论

  1. @dito72:在某些方面,它可以被认为与 Scriptaculous 相媲美,没错。不过,它目前并没有涉及 Scriptaculous 涵盖的众多动画技术。我想我们会在某个时候以插件的形式看到这些技术,用于 jQuery。

  2. 难以置信,面对你们所做(以及将要做)的疯狂工作,我仍然无言以对。

    来自比利时的衷心祝贺 ;-)

  3. 可调整大小的元素(模态框和文本区域)在 IE 中性能很差。
    画廊在 IE6 中无法正常工作。

  4. 非常棒的工作。

    特别是可排序的功能做得很好。我尝试过的其他框架在使用可排序功能时,如果内部包含浮动元素且在可滚动 div 内,都会出现问题,但到目前为止,它运行良好(在 FF2/win 上)!

    继续努力 ;)

  5. 期待在文档中看到更多关于这些选项的信息。我假设它与可排序功能的接口非常类似。

  6. 如果它真的像看起来那样好用,那就太棒了。我一直犹豫在 YUI 和 jQuery 之间,YUI 的 widget 数量很多,而 jQuery 的体积和语法很简洁。我猜这里面包含了相当多的界面代码,这很棒,因为那些都是比较成熟的代码。我喜欢可选择的下载选项,这样可以保持最终代码的体积很小。干得漂亮!

  7. 不错的效果,很高兴看到。

    对于标准 GUI 元素来说,设计/颜色并不美观。选项卡看起来很糟糕。我也不喜欢那些小的可调整大小的指示器。我知道设计是用户自己决定的,但是默认的演示可以为这些元素使用中性的 Windows 商务风格,然后让用户根据需要进行皮肤定制,如果他们想要不同的风格。

    一些小问题

    - 最上面的可拖动元素会被下面的部分示例遮挡。
    - 可拖放元素并不明确;前两个示例中的一个可以工作,另一个无法工作。
    - 如何取消选择可选择元素?
    - 为什么在手风琴中使用图片?
    - 手风琴插入了两个空白演示

  8. 只想说声谢谢!仍然是最好的!

    我还想告诉您,在嵌套列表的可排序演示中存在一个 bug。如果您将子节点移动到父节点,然后将该子节点移动回其子节点状态,然后选择子节点的父节点,您会注意到,当您移动整个组时,子节点会在您移动过程中显示为灰色。希望我能解释清楚。

    继续努力!

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

    也许是周一综合征。

  10. Wade Harrell 说:

    看起来不错,正在接近 ext,ext 总是让我的客户垂涎三尺,直到他们看到它的支持和费用。

    我确实注意到了一些“在浏览器 X 中无法工作”的警告,这有点令人困扰。我确信 John 曾经说过(我不记得是在视频还是博客中说的),如果某些功能在一个主要的浏览器中无法工作,那么它就不能工作。

    我认为这是一个信任问题。我想向一些人展示演示,但是如果他们看到这些警告,他们永远不会相信 jQuery,尤其是当有一些 Flex 开发人员在他们另一只耳朵里吹嘘他们的东西在所有浏览器中都能正常工作(不是 100% 准确,但是无所谓)。

    这只是我的想法,但我更愿意看到一组更小的功能,在所有环境中都能完美运行,而不是一堆只在某些情况下才能正常运行的功能。

  11. 不错的工作!我现在还在使用 ExtJS 作为 UI(有人知道它是否与 JQuery 1.2.1 兼容吗?),但很高兴知道还有一个选择,可以用于不需要那种“原生应用程序感觉”的网站。

  12. 如果像旧界面一样包含 eyecon 的相同工具提示插件,那就太好了。
    我尝试过不同的工具提示插件,但只有这个插件很简单,并且可以很好地处理动态标题更改。

  13. 这真是太棒了,很有趣……我很期待它成熟起来。但我很高兴看到它是一个单独的下载,我希望它能一直保持这样。

    请把这些东西和 jQuery 核心分开。4 个月前,这位设计师/开发者并不关心为了纯粹的可用性/开发时间原因而使用 jquery 和 javascript/ajax 的“技巧”……现在我离不开它了。为浏览器设计曾经是、现在是、并且将来也永远是浪费时间,除了那些预算充足的人之外。Jquery 极其高效的体积/速度/便捷性/可靠性/稳定性是我每天使用它的原因。

    我个人很高兴 jquery 不像 EXT……它存在文件大小问题和内存膨胀。但这东西很酷。

    你们让任何人开发出色的网站都太容易了,够了!

  14. Pingback: Bram.us » jQuery UI

  15. 这很有希望,但根据我的测试,我认为这应该被称为 Beta 版(或 Alpha 版?)而不是 1.0 版。即使在官方网页上展示的演示中,仍然存在很多 bug。

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

  16. 太棒了!真可惜我完成我的主要网站项目之前没有做这个。我即将完成我的荣誉学位 9 个月的系统开发项目,还有 5 天就要交了。将来一定会用它!再次干得漂亮。

    干杯

    Devin

  17. Alexandre Magno 说:

    jQuery 是一个简单、出色、强大且完整的 JavaScript 框架。我正在将它用于我所有的项目……但现在,在一个更大的项目中,我使用 AJAX 和大量的表单集成,我看到用 jQuery 我们可以做任何我们想做的事情,我们可以明智地应用它。祝贺 jQuery 团队、Ray Bango 及其团队,我将尽我所能将这个框架推广到南美洲……谢谢…