更改事件不起作用 jQuery 自动完成

change event not working jquery autocomplete

本文关键字:jQuery 事件 不起作用      更新时间:2023-09-26

这是我为获取用户名、位置和图片而编写的函数。现在的问题是,如果我对它使用 mustMatch 选项,除了一个错误之外,一切都可以正常工作。如果假设我输入S,它会带来"塞巴斯蒂安"爱因斯坦"。如果我选择塞巴斯蒂安,一切都像魅力一样工作,但如果我选择eintain,它会擦除一切。

我尝试使用更改:事件,但无论如何都不会触发,不知道为什么

$(document).ready(function(){
  var wp_v = '3';
  $("#searchbox").autocomplete("search.php?wp="+wp_v, {
    matchContains: true,
    //mustMatch: true,
    width: 258,
    scroll: true,
    scrollHeight: 350,
    dataType: 'json',
    change: function (event, ui) {
      alert('change');
      if (!ui.item) {
        $(this).val('');
      }
    },
    parse: function(data) {
      var array = new Array();
      for (var i = 0; i < data.length; i++) {
        array[array.length] = {
          data: data[i],
          value: data[i].name,
          result: data[i].name
        };
      }
      return array;
    },
    formatItem: function(row) {                     
      var output =  "<img class=img src='avatars/" + row.img + "'/> ";             
      output += "<span class=name>"+row.name+"</span><br/>";
      output += "<span class=small>"+row.country+"</span><br/>";
      return output;
    }
  }).result(function(event,item) {
    if (item == undefined) {
      $('#receiver').val('');
    } else {
      $('#receiver').val(item.uid);
    }
  });
});

这是来源

[
  {"uid":"2","name":"Sebastian Aparicio","img":"1339875067-Koala.jpeg","country":"Leder"},
  {"uid":"12","name":"Mester Jakob","img":"default.jpeg","country":"Salg"},
  {"uid":"19","name":"Mester Jakob","img":"1339875047-Penguins.jpeg","country":"Leder"}
]

实际上自动完成插件版本是不同的。这就是为什么它不起作用的原因。