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

此文章是翻译http://blog.jqueryui.com/2010/03/jquery-ui-18/

         一、是提高自己的英语水平,二、来也为了提高我文章的点击率,如果那些地方翻译不妥,还希望高人能够指正。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,ThemeRollerGoogle’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。

你可能感兴趣的:(jquery,UI,框架,Ajax,css)