我正在为我的网站搜索一个轻量级和跨浏览器兼容的解决方案。以下是我成功实现的解决方案:
代码:http://www.jamipietila.fi/codeigniter-and-autocomplete-with-jquery/工作示例:http://demosivut.net/demo/ci_jquery_autocomplete/index.php/autocomplete
但是使用jquery.ui需要花费200 kb的js文件和33 kb的css文件。
我正计划在每一页中实现自动完成框,而仅仅一个自动完成框似乎要花很多钱。
有没有更小的解决方案?
这是我使用的自动完成脚本:http://www.devbridge.com/projects/autocomplete/jquery/
缩小后它的重量为7kb,但它显然也依赖于jQuery,这增加了占地面积。
但值得注意的是,如果您使用CDN中的jQuery UI,很可能它已经缓存在访问者浏览器中,因此连续加载时间将大大缩短。
您可以在jquery ui主页上自定义jquery ui库。因此,您可以取消选择不需要的每个组件。http://jqueryui.com/download
否则,您可以尝试搜索jQuery自动完成插件,也许它们的大小较小。