jQuery UI 1.6rc4:即将发布

发布于 作者

注意:我们在 rc3 版本中发现了一个回归问题,导致 datepicker 在 Internet Explorer 中无法使用。这个问题现在在 rc4 版本中已解决,请不要再下载 rc3 版本。对此带来的不便,我们深感抱歉。

我非常高兴地宣布期待已久的 jQuery UI 1.6 版本的最新候选版本发布。过去几个月我们非常忙碌,不仅是我们的团队,我们的流程、规范和代码库也得到了更新。这意味着 rc4 不仅仅是在 rc2 之上进行的 bug 修复版本,而是一个全新的代码级别。使用我们新的交互设计流程,我们从头开始构建了许多小部件的基础,并对小部件进行了多次重构,直到我们最终达到了我们满意的外观和感觉。所以,让我快速地向您展示这个版本中有哪些变化!

Datepicker 和 Slider 的更新

为了给新的主题腾出空间,我们需要对 datepicker 进行一些整理。一些选项已被移除,changeMonth 和 changeYear 默认情况下已禁用,showButtonPanel 作为新方法被引入。很快就会有更多关于此的信息,您也可以在相关 ticket中找到详细信息。

Slider 也经过了重构。‘axis’ 选项已更改为 ‘orientation’,‘handle’ 和 ‘handles’ 选项已被移除,‘steps’ 和 ‘stepping’ 已被移除,取而代之的是 ‘step’,‘startValue’ 和 ‘moveTo’ 已被移除,取而代之的是 ‘value’(选项和方法),等等。有关更多详细信息,请参见Slider 规范页面.

我们将在最终版本发布时提供详细的兼容性信息和升级解决方案,敬请关注。

拖放逻辑的全面改革

拖放和排序的定位和交叉逻辑已完全重写,并进行了 200 多个自动测试,以测试所有不同的环境,例如滚动偏移和位置值。作为积极的效果,至少有 30 个定位失败的情况(例如,未包含滚动,助手粘贴在顶部)已得到修复。

新的 Widget 设计

jQuery UI 1.6rc4 具有全新的外观和感觉,由我们新的交互设计团队设计,并由新的 jQuery UI CSS 框架提供支持。每个 Widget 的标记和 CSS 都已重新设计,以提供我们迄今为止最干净、最灵活的解决方案。

CSS 框架

jQuery UI 1.6rc4 基于一个全新的强大 CSS 框架。新的 jQuery UI CSS 框架不仅支持 jQuery UI 自身插件,还支持自定义插件开发。它是一种特殊的 CSS 框架,专门针对用户界面开发,而不是整体页面布局。该框架提供了用于常用 UI 实用程序、状态、容器和图标的类,并由 jQuery UI ThemeRoller 进行操作。阅读更多关于
框架 API 内容:http://jqueryui.pbwiki.com/jQuery-UI-CSS-Framework

更新的演示

Themeroller v2
网站目前正在进行一些重大更新,在第一批变更中,我们很高兴地宣布演示部分已从头开始完全重写。我们移除了演示轮播(它很好,但不是真正可用),并引入了一个页面,其中包含所有 Widget 和交互的真实世界和功能演示。演示直接从我们代码库中的实际 demos/ 目录中提取,然后进行 ajax 化。它们是可添加书签的,如果您下载开发包,您会发现它们甚至可以作为独立文件使用!
这仅仅是我们在最终 1.6 版本中想要实现的第一步。如果您有兴趣了解最终版本可能是什么样子,请查看我们的设计 wiki!

Themeroller v2!

Themeroller v2

ThemeRoller 已完全重新设计,以配合新的 CSS 框架和小部件设计。ThemeRoller 现在位于一个垂直的侧边栏中,并添加了许多新功能,例如

带预览的可切换面板

ThemeRoller 的控制杆现在被分组到可折叠的面板中,以方便使用。每个面板都显示该状态的当前样式的预览,这样您仍然可以在折叠时查看其设置。

新的控制杆!圆角!投影!

我们在应用程序中添加了新的控制杆,用于突出显示、错误、圆角、叠加层和叠加层阴影。试试吧!

Themeroller v2 - Shadows

图标精灵

jQuery UI CSS 框架附带大量用于自定义 Widget 开发的图标。图标现在被打包到精灵中,每个图标的类可以在文档中找到。

Themeroller v2 - Icons

新的主题

我们向新的画廊添加了一堆酷炫的新主题,可以在 ThemeRoller 的画廊选项卡中查看和自定义它们。

Themeroller v2 - Gallery

历史记录/后退按钮支持

您在 TR 中执行的每个操作现在都可以通过浏览器的历史记录进行撤销/重做。

旧版主题支持

使用旧版 ThemeRoller 设计的主题将在 ThemeRoller v2 中正常加载,但请记住,您的旧主题可能缺少一些新设置。此版本的 ThemeRoller 允许您仍然为 jQuery UI 1.5 下载任何 ThemeRoller 主题。

即将推出…

  • ThemeRoller 中的 PNG 8 支持
  • 新的 ThemeRoller 开发人员工具:将 ThemeRoller 拉入 Web 上的任何页面,并为使用 jQuery UI CSS 框架构建的自定义组件设计主题。
  • 新的 ThemeSwitcher 书签小工具:一个快速脚本,允许您将一个微型的主题画廊带入您的网页,使访问者能够快速更改使用 jQuery UI CSS 框架构建的自定义组件的主题。

下载和测试!

现在,从我们的下载页面下载,然后帮助我们测试并报告在我们的bugtracker中看起来像 bug 的任何异常情况。另外请注意:jQuery UI 1.6 最终版将附带并需要 jQuery 1.3,因此如果您在将此版本与 jQuery 1.3b1 组合时发现任何问题,请告知我们。

干杯!

关于 “jQuery UI 1.6rc4:即将发布” 的 33 个想法

  1. 再次祝贺 jQueryUI 团队发布另一个很棒的版本。新的 themroller 看起来很棒,我迫不及待地想尝试新的代码和 1.3 beta 版本一起使用!

  2. 很棒的工作,我很高兴看到最新的版本发布。不是要扫兴… 但是,你们计划多久更改一次 API 呢?最近我有点失望,因为每次后续版本虽然修复了 bug,但变化幅度很大,更新使用它的网站很麻烦。如果你能考虑为 UI 的使用者提供一些使用间隔,那就太好了。我认为,如果你在这方面更敏感一些,你会发现社区在采用 UI 方面会得到更好的支持。

  3. 为什么选项卡仍然出错?

    在未使用的选项卡下方仍然有一个空格,而不是仅仅一条线。 jQuery 中的某个人需要查看其他选项卡系统,看看它们应该是什么样子。

  4. Greg MacLellan 说:

    很高兴看到进展顺利,1.6 看起来很棒。

    我必须同意 Stan 的观点——虽然可能很有必要,但如此大幅度地更改 API 很难跟上。1.5 已经改变了很多,而 1.6 再次改变了它。许多更改只是美观的,例如重命名属性,但当尝试升级使用 UI 的网站/应用程序时,这些更改都会造成很大的痛苦。

    虽然我在工作中使用 UI,但它主要来自 1.5 之前的版本,仅仅因为升级到 1.5 太麻烦了。现在我很高兴我们没有升级,因为升级到 1.6 将意味着我们必须重做我们所做的所有工作。为什么 UI 要关心我使用什么?我的主要工作是处理我们的内部代码——但这通常意味着我需要对 UI 等库进行改进或修复才能完成我的工作。我总是将这些更改贡献回去,但不幸的是,UI 不感兴趣,因为我的更改是对已经过时的代码进行的。

    我相信我不是唯一一个遇到这种情况的人。可能有很多潜在的贡献者,因为他们无法承受不断升级的麻烦,所以无法做出贡献。不幸的是,我不得不称之为“麻烦”,但不幸的是,这是事实。

    我也完全理解你无法在房子的基础上建起摩天大楼——有时你必须把它全部拆除,重建一个更好的基础。很难找到这种平衡,但希望在未来,我们将看到一个更加一致且向后兼容的 API。

  5. Pingback: jQuery UI、ThemeRoller 和 jQuery 1.3 | 前端书籍

  6. Pingback: Bram.us » jQuery UI 1.6rc4

  7. 我发现可排序功能实际上比 1.6rc2 差很多,尤其是在嵌套列表中。基本上,在交叉逻辑大修之后,嵌套(类似于树结构)的可排序功能根本不起作用。我想提交一个错误,但 Trac 出现了重复条目错误。

  8. Pingback: jQuery UI 之年 » 学习 jQuery - 提示、技巧、教程

  9. Michael Ward 说:

    如果你们在应该发布候选版本的版本之间进行大幅度的更改,我不得不质疑你们的开发流程。

    候选版本应该是稳定且可以发布的。给它几周时间,看看是否有任何重大错误,如果没有,就发布它。

    如果你觉得有必要对候选版本进行大幅更改,那么应该降级为测试版状态,直到它被证明是稳定的。

    另一方面,我想祝贺你们所做的出色工作,并继续努力。

  10. @Michael Ward——你的观点很中肯。这两个 RC 版本之间确实有很大的变化。我们确实考虑过降级为测试版状态,但还是花了时间来确保这个版本确实是 RC 就绪的。

    https://blog.jqueryjs.cn/2008/12/11/whats-up-with-jquery-ui/ 中所述,我们的流程已经改进并得到了更好的定义,所以你看到了这些改进的影响。在未来,这种规模的更改将在任何 RC 之前进行。此外,我们也欢迎你对如何进一步改进我们的流程提供反馈——http://jqueryui.pbwiki.com/Development-phases

  11. UI 非常棒。它节省了无数时间。

    到目前为止,我已经从升级 RC2 中注意到两件事
    ——可拖动的默认“滚动”现在已启用。为什么?
    ——可拖动的默认“不透明度”现在设置为“1”。包含具有 Alpha 透明度的 PNG 的元素上的任何不透明度设置在 IE7 中看起来都很糟糕。我们在整个网站上都使用它们,并且在此时设置透明度:0 实际上不可行,需要我更改 ui.draggable.js 文件——我非常想避免这种情况。

  12. Pingback: 两个简短的(好消息) | Ionut Staicu - Web 开发人员博客

  13. @Neil
    ——关于可拖动的默认“滚动”。我们试图将所有默认值设为最常见的选项,因此你只需要在不太常见的情况下指定它们。
    ——关于可拖动的默认不透明度为 1。之前的默认值是未定义的,我们确保所有选项都有定义的默认值。也许 null 是更好的默认值?

    无论哪种情况,请在 Trac 中创建一个工单 http://ui.jquery.com/bugs/newticket 谢谢 :)

  14. 恭喜你们,我一直关注你们,从一开始到现在。看起来你们已经找到了“自己的方向”,现在一切都看起来很棒而且很精致。你们的产品看起来和感觉都比 ExtJS 好,期待未来的发布,我只想念自动完成和数据网格。

    保持出色的工作。

  15. 1.6rc4 中重构后的“slider”在使用 jquery 1.3 时不识别“slide”和“change”选项。这些声明被忽略。然而,如果使用 jquery 1.2.6,它确实可以工作。jquery 1.3 中的什么东西导致了这个问题?

  16. 我刚发现,如果将 jQuery 1.3 与 jQuery UI 1.6rc4 一起使用,由于在重新连接事件处理程序方面对 1.3 做出的更改,可排序功能无法正常工作。对此有什么想法吗?

  17. @Court - 我认为这与 1.3 对触发处理程序的更改有关。由于这个问题,我昨天才将版本恢复到 1.2.6 和 RC2。

    我同意其他人对流程的看法 - 我在一个新的、大型项目中使用的是 RC2,我不希望界面发生重大更改。这个项目将使用 RC2 发布,等到官方版本发布时,升级将会是一项相当大的任务。很高兴听到你们现在正在解决这个问题,我希望未来的版本不会如此分散。

  18. @Eric
    感谢您在 1 月 5 日关于默认值的反馈。我同意您对“scroll:true”作为默认值的答案,并且很高兴看到 1.6rc5 中使用“null”作为不透明度。到目前为止,它与 jQuery 1.6 配合得很好。

    我还注意到,如果不存在该范围的可拖动元素,则可放置对象的“scope”属性会失效。

    我目前修复的方法是在 ui.droppable.js 中的多个位置将默认值设置为一个空数组。

    var m = $.ui.ddmanager.droppables[t.options.scope];
    - 更改为 -
    var m = $.ui.ddmanager.droppables[t.options.scope] || [];

  19. Pingback: jQuery UI 1.7 « jQuery UI

  20. Pingback: jQuery UI 1.7 has been released | Ramoonus.nl