JQuery UI 1.8 新增定位、按钮、自动补全、新的微巨工厂、轻量级内核

文章分类:Web前端

         The jQuery UI团队兴奋地发布了最终版本JQuery1.8。 JQuery 1.8 有5个插件，1个新的效果，修正了上百个bug。 我们努力地工作使得JQuery UI 轻量级并且拥有更加灵活性和扩展性的内核的模块。现在非常的简单创建你widgets或者扩展我们的Widgets。无论你使用JQuery UI的微巨工厂,JQuery UI CSS框架，或者使用两者时，它都非常容易的构建你的widget或者扩展我们的widget.数百开发人员、设计人员、测试人员和用户花了9个多月的时间开发出了这个新JQuery版本。在此感谢他们的帮助和支持。

        代码、主题、演示例子和文档已经分别发布在jqueryui.com, jQuery UI Download Builder,ThemeRoller和Google’s AJAX Libraries API。

       注：该版本中已经有非常大的改进。如果你当前使用或开发Jquery UI 插件请确保查考更新日志和升级向导。

Download jQuery UI 1.8下载地址：

  1.. jQuery UI 1.8 Starter Pack包含了所有的组件和默认的主题。如果你是新手，请使用我们的Getting Started Guide（入门指南）

 2.. jQuery UI 1.8 Development Bundle包含了所有的组件和基础的主题。

   这句话不会翻译（It’s optimized for development of jQuery UI itself or redistribution, not getting started.  我猜测的意思是： 请先看JQuery UI 自带的或新发布的工程，不要急着自己开发）。如果不对请留言告诉我。

3. jQuery UI 1.8 Themes Pack包含21个ThemeRoller主题。如果你喜欢其中一个主题，你也可以定制自己的主题。

4..jQuery UI 1.8 Download Builder创建一个你想选择的自定义工具栏，也能考虑到插件的依赖性。

什么是新的Jquery1.8 UI?

      这个版本增加了两个使用工具，两个widgets,一个升级widgets Factory 和一个模块内核。对于JQuery UI 1.7.2 和 JQuery 1.8之间的改变，可以参考1.8版本的更新日志（1.8 Changelog）。请看下边较大变化和明显变化的总结。

定位功能：

      相对于其他元素、窗口或鼠标定位元素。它非常简单选择你想要的元素和定位他们之间的位置。

按钮工具：

      按钮工具应用你能想象到的其他的按钮创建按钮。现在你的<button>既像<input type=”submit”>又像<a class=”button”>。被升级的Jquery UI 工具包含许多按钮。当你想使用按钮时，使用的是按钮插件。另外也保留本地按钮。当然，community在早期的设计和最后的测试提供了资料。我们非常高兴我们有这么漂亮的表单元素

自动补全工具：

      现在，你能使文本输入框弹出在菜单之上，帮助用户完成文本输入或搜素框，提供建议或允许值。这个自动补全的设计是基于流行的Jörn Zaefferer自动补全功能。正如我们保持API尽可能小按钮工具，根据你的需要定制。 

例如：你能提供静态的当前的使用数据源选项的数据，或者提供一个能处理来自通过AJAX数据的回调方法。我们将继续开发和重构我们的widgets,并且希望大家多提意见。工具库有很大的改进，仍旧保持着体积小,灵活和功能强大的特性。

请看更多关于自动补全的例子。

Autocomplete

 新插件实现的大部分工作都是Jörn Zaefferer，Jörn Zaefferer设计的API，Scott González和Richard D. Worth的功劳，

 提供所需的活动设计、静态标识、css参考书。

新的widget 工厂：

      在这个版本中，在Scott González 和Jörn Zaefferer以及社区的帮助下，JQuery UI Widget Factory 有很大的升级，使得创建和扩展你的Widget 和我们的widget更加容易。

 

新版本Jquery UI 核心大小是原来的71%:

     新版本Jquery UI 核心大小是原来的71%。大部分模块优化已经完成，除了把鼠标组件绑定到工具。

新的鼠标插件文件使得Jquery UI 平均减小14%：

鼠标插件不是新开发的。鼠标插件以前放在Jquery UI的内核中，在这个版本中加入了这个插件.这意味着Jquery UI 插件不依赖于鼠标插件。Jquery UI core 包含很少不用的代码。Jquery UI Core 的大小占到整个文件的14%。这仅仅是平均值，有时候可以达到36%。

文件重命名:

      所有的 .js 和.css 文件命名用jquery.ui. 前缀替换了ui.前缀。这与Jquery 插件命名规则一致，也是为一些开发的工具做准备。这些工具允许定制个性化的工具，其中包括Jquery 插件和Jquery UI插件。

 注：

      如果你想写自己的插件，即使它是基于Jquery UI Widget工厂,请按照Jquery插件命名规则“jquery.{plugin-name}.js” 而不是”jquery.ui.{plugin-name}.js” 这将非常容易区别Jquery的插件和用户自己写的插件。Widget命名空间和Css 类命名空间也应该和自定义的有区别，除非是使用通用的Jquery UI CSS 框架类。

例如：如果你写个名称为foo的Widget，这个文件应该命名为jqury.foo.js,而不是jquery.ui.foo.js.这个Widget能使用像ui-widget, ui-widget-content, ui-state-active等类名,但是不能使用ui-foo 和 ui-foo-*类名。这些将被保存到Jquery ui library,或者Jquery UI Foo widget,这些将有一个文件名称为jquery.ui.foo.js.的文件。

致谢：

     Jquery UI 团队在此感谢这些开发者，设计者，用户，测试者以及cookie bakers。