jQuery自动完成图像

Question

我想在我的网站中实现图像的自动完成功能。

我想使用jQuery自动完成插件。

我看看他们的示例代码。

任何人都可以解释我什么下面的代码意味着在$（文件）。就绪（）事件：

$("#imageSearch").autocomplete("images.php", { 
    width: 320, 
    max: 4, 
    highlight: false, 
    scroll: true, 
    scrollHeight: 300, 
    formatItem: function(data, i, n, value) { 
    return "<img src='images/" + value + "'/> " + value.split(".")[0]; 
    }, 
    formatResult: function(data, value) { 
    return value.split(".")[0]; 
    } 
}); 

我的最终要求是当我输入在文本框中输入一些字母，我想要的选项附带与其相关的图像。

Answer 1

使用此以供参考：http://api.jqueryui.com/autocomplete/

---

$("#imageSearch").autocomplete("images.php", { 

应用pluging自动完成所有领域#imageSearch。第一个参数我猜它是根据输入内容（images.php）生成响应的页面;

 width: 320, 

宽度下拉

 max: 4, 

最大建议

 highlight: false, 

高亮真/假

 scroll: true, 

滚动条又名下拉类型的列表，或只是一个很长的div。

 scrollHeight: 300, 

自动完成下拉的高度。

 formatItem: function(data, i, n, value) { 
      return "<img src='images/" + value + "'/> " + value.split(".")[0]; 
     }, 

如何格式化从images.php返回的响应。

 formatResult: function(data, value) { 
      return value.split(".")[0]; 
     } 

如何返回值，如果用户选择其中一个选项。

}); 

右括号：对

Answer 2

这是一个关于jQuery的自动完成插件，有实际jQuery UI的自动完成没有这样的选择，因为formatItem和formatValue。

我建议大家阅读这个http://www.learningjquery.com/2010/06/autocomplete-migration-guide，它解释了如何从旧插件版本迁移到官方UI小部件。

为了让你自动完成的建议清单，图像加工你应该阅读此线程：http://forum.jquery.com/topic/using-html-in-autocomplete