可扩展自动完成

发布日期: 作者:

jQuery UI 1.8 中发布的 自动完成小部件 是 jQuery UI 团队的一个非常重要的里程碑。如果您查看了该小部件,您可能已经注意到它只有 四个选项,远少于我们其他插件。与我们选项最少的插件 进度条 不同,自动完成的小 API 不是插件简单性的直接结果。实际上,自动完成非常复杂。

在设计自动完成小部件时,我们以 Jörn Zaefferer 的自动完成插件(它有 21 个选项)为模型。诚然,Jörn 的插件比我们提供的开箱即用的功能更多,但我们较小的 API 一样灵活,并且更容易学习和使用。我们花了大量的思考、讨论和原型设计来将 21 个选项缩减到 4 个。

开箱即用,自动完成通过简单地向 source 选项提供数组或 URL 来为 本地数据源远程(JSON)数据源 提供支持。对 JSONPXML缓存 的支持都可以用几行代码叠加在上面。

还有一组 由我托管的扩展,它为自动完成小部件提供了额外的选项。 html 选项 (演示) 允许您指定标签应被解释为 HTML 还是文本。还有 selectFirst 选项 (演示),它在菜单显示时会自动激活第一个项目,从而减少选择选项所需的击键次数。 autoSelect 选项 (演示) 允许用户键入一个有效的选项并离开该字段,而无需从菜单中选择该项目。如果用户输入的值有效,则 select 事件将被触发,就像用户从菜单中显式选择该项目一样。我还提供了一个 重音折叠扩展 (演示),使用户更容易选择带有重音字符的值。例如,如果有一个带有文本“Jörn”的项目,用户通常必须键入变音符才能看到该项目。但是,如果加载了重音折叠扩展,用户可以键入“Jorn”,他们仍然会看到结果。

更进一步,您可以使用自定义数据格式并定义自定义显示。例如,您可以 对结果进行分类显示其他信息,例如项目描述和图像。甚至还有一个 可扩展搜索结果 的示例(注意:这只是一个基于 Roman Chyla 的演示 的原型,它不是完整的功能。有关更多详细信息,请参见 论坛主题)。您甚至可以从单个文本字段支持 多个单词

最后,还有 组合框 演示,它将自动完成功能带到 select 元素。组合框隐藏了 select 元素,而是显示一个文本字段供用户键入。可能的值是通过解析 select 中的选项来确定的,用户可以通过单击文本字段旁边的按钮查看所有选项。有关组合框工作原理的详细说明,请查看 Jörn 在 Learning jQuery 上的文章

jQuery 项目很自豪地宣布 jQuery Mobile 项目

发布日期: 作者:

移动 Web 开发是 Web 开发社区中一个新兴的热门话题。因此,jQuery 团队一直在努力确定 jQuery 项目将采取的策略和方向。今天,我们很自豪地宣布 jQuery Mobile 项目。我们在 jquerymobile.com 上发布了一个新网站,公开概述了我们的策略、研究和 UI 设计。

像往常一样,我们希望听到您的意见。我们创建了一个新的 移动 jQuery 论坛,以收集来自社区的反馈。请随时加入讨论并 在公告中阅读更多信息

jQuery UI 1.8.4

发布日期: 作者:

jQuery UI 1.8 的第四个维护版本已经发布。此更新为 Droppable、Resizable、Selectable 和 Sortable 交互以及 Accordion、Autocomplete、Button、Datepicker Dialog、Progressbar、Slider 和 Tabs 小部件带来了错误修复。jQuery UI 1.8.3 在 1.8.4 之前几天发布,但构建系统出现问题,导致某些文件不包含任何版权信息。如果您注意到了 1.8.3 版本并进行了升级,请升级到 1.8.4。有关更改的完整列表,请参见 更改日志。您可以从这里下载它

下载

文件下载

Svn(包含最终文件,与 zip 文件中的文件相同,@VERSION 被替换为 1.8.4,所有主题)

Git(包含预构建文件,@VERSION 尚未被替换为 1.8.4,仅包含基本主题)

Google Ajax 库 API(CDN)

自定义下载生成器

新功能

在此版本中,我们添加了四种新方法来帮助设置元素的尺寸(实际上,我们修改了 jQuery 核心中的现有函数)。.innerHeight()、.innerWidth()、.outerHeight() 和 .outerWidth() 现在可以作为 setter 使用。它们都接受一个数字作为参数,该数字将用于根据填充、边框和边距(取决于方法)适当地设置宽度或高度。

手风琴

您现在可以将多个事件传递到手风琴的 event 选项。查看 悬停意图演示,以查看对手风琴对点击和悬停的反应示例。

自动完成

自动完成中添加了两个新选项:position 和 appendTo。position 选项允许您利用 position 实用程序来自定义菜单将显示的位置。appendTo 选项允许您指定将附加菜单的元素,默认为 body。

对话框

对话框插件也已更新,以允许完全使用 position 实用程序。使用字符串或数组设置对话框的位置仍然是可能的,但将在未来版本中删除。

选项卡

选项卡插件已更新,以允许除了索引之外,还可以通过 href 访问选项卡。enable、disable、select、load 和 remove 方法都接受选项卡的 href。

更改日志

请参阅 1.8.4 升级指南,了解从 1.8.2 升级时可能会影响您的更改列表。有关此版本中包含内容的完整详细信息,请参阅 1.8.4 更改日志

感谢

感谢所有参与此版本的人,特别是:adw、afcapel、afmenez、ajcrews、ajpiano、Alberto Fernández Capel、ALLPRO、Ascold、AzaToth、bamccaig、banacan、Ben Blank、Ben Hollis、bostanio、botio、brazilianjoe、Carl Fürstenberg、charlesboyung、chromial、chungwu、Cloudream、david.long03、davidcroda、DayBay、dcramer、Diego、dmuir、dsdsico、dwreck、eduardo、ehynds、erikrose、eXtreme、floepi、francois、gavimobile、ggp、gwk、hhillen、hiszpan、Holger、Holger Rüprich、ilyasahmad、IYS、james、jawsper、jdsharp、jghermsen、joern.zaefferer、johnk_c4b、Jon Palmer、jquery-dev、JustinMacCarthy、kaito、keturn、Kevin Dalman、kingjeffrey、klaus.hartl、kobrigo、lambacck、LynXor、mathewpeterson、mgurley、mijobe、Mikko Rantanen、mnoland、mofle、mormegil、mvermilion、nbid、Nick_Craver、nmaves、nminale、paul、Pavel、redjag、RedNinja、remoteportal、Rich2k、Richard D. Worth、rtimmermans、Rwhitbeck、sam.enspiral、Samuel Cormier-Iijima、sarahinthelakes、sciyoshi、Scott González、scottjehl、Sebmaster、serhii、sleyhane、smiller.health、spudly、swago、talmdal、theojapa、Tiago Freire、triblondon、tt0shk0、tzkuei、usd2、vanboom、venky、wouter、ZeekDaGeek、Ziling Zhao。