jQuery自动完成图像

Question

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

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

我看了他们的示例代码.

任何人都可以解释下面代码在$(document).ready()事件中的含义:

$("#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", {

将插入自动完成应用于所有字段#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];
        }

如果用户选择其中一个选项,如何返回值.

});

结束括号:p