有没有更好的(轻量级)解决方案可以在没有jquery ui的情况下使用php和codeigniter实现自动完成?

有没有更好的(轻量级)解决方案可以在没有jquery ui的情况下使用php和codeigniter实现自动完成?,php,jquery,jquery-ui,codeigniter,codeigniter-2,Php,Jquery,Jquery Ui,Codeigniter,Codeigniter 2,我正在为我的网站搜索一个轻量级和交叉浏览器兼容的解决方案。以下是我成功实施的解决方案: 代码: 工作示例: 但是使用jquery.ui需要花费200 kb的js文件和33 kb的css文件 我计划将自动完成框应用到每个页面中,而仅仅使用一个自动完成框似乎成本很高 有更小的解决方案吗?您可以在jquery ui主页上自定义jquery ui库。因此,您可以取消选择所有不需要的组件 否则,您可以尝试搜索jQuery自动完成插件,可能这些插件的大小较小 这是我使用的自动完成脚本: 缩小时,它的重量为

我正在为我的网站搜索一个轻量级和交叉浏览器兼容的解决方案。以下是我成功实施的解决方案:

代码: 工作示例:

但是使用jquery.ui需要花费200 kb的js文件和33 kb的css文件

我计划将自动完成框应用到每个页面中,而仅仅使用一个自动完成框似乎成本很高


有更小的解决方案吗?

您可以在jquery ui主页上自定义jquery ui库。因此,您可以取消选择所有不需要的组件

否则,您可以尝试搜索jQuery自动完成插件,可能这些插件的大小较小

这是我使用的自动完成脚本:

缩小时,它的重量为7kb,但它显然也依赖于jQuery,这增加了内存占用


但是值得注意的是,如果您使用的是CDN中的jQuery UI,很可能它已经缓存在访问者浏览器中,因此连续加载时间将大大减少。

您知道如何将数据传输方法从get更改为post吗?因为它使用了“?query=example”,我想把它改成“/example”?我认为这个插件是get only。可能值得给开发人员发电子邮件,看看他是否可以添加它作为一个选项。我按照您的建议,向Tomas(该插件的开发人员)发送了一封电子邮件。他的建议是将“$.get”更改为“$.post”完成了这项工作。