Мой поисковый запрос содержит запятую. Когда я даю ему место, его предложение не работает. Поэтому я решил заменить его на твиттер наперед. помогите мне с кодом спасибо или улучшите этот код для лучшего результата ... Я не хочу задержки в поисковом запросе, и несколько слов должны предлагаться с игнорированием запятой и пробела.
$(function () {
$("#dept_city").autocomplete({
source: function( request, response ) {
$.ajax({
url: $('#rootAddress').val()+"Searchflights/Autocomplete", //
dataType: "json",
data: {
term : request.term,
q : $("#dept_city").val()
},
success: function(data) {
if(!data.length) {
var result = [{
match: 'No matches found',
matchr: ''
}];
response(result.slice(0, 10));
} else {
response($.map(data, function (valu) {
return {
label:valu.text, //text
value: valu.text,
country:valu.lbl,
city:valu.city,
Airportcode:valu.Airportcode,
airport_city:valu.airport_city,
id: valu.id
};
}));
}
}
});
},
minLength: 2,
select: function (event, ui)
{
$("#dept_city").val(ui.item.label);
$("#dept_city_hidden").val(ui.item.id);
},
autoFocus: true,
search: function(){$(this).addClass('loading');},
open: function (result) {
$(this).removeClass('loading');
if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
$('.ui-autocomplete').off('menufocus hover mouseover');
}
},
change: function(event, ui) {
if (ui.item === null) {
$("#dept_city").val("");
$("#dept_city_hidden").val("");
}
}
}).data("ui-autocomplete")._renderItem = function (ul, item) {
if(!item.match) {
return $("<li></li>").data("item.autocomplete", item)
.append("<div class='dib col-md-10 col-sm-10 pad0 col-xs-10 textOverflow'><div class='mainTxt'> <span class='mainTxt_code'>" + item.country + "</span></div><span class='sr-auto-country-name'>" + item.airport_city + "</span></div><div class='col-md-2 col-sm-2 pad0 col-xs-2'><div class='fr width100'><span class='statusTag auto fr'>" + item.Airportcode + "</span></div></div>")
.appendTo(ul);
} else {
return $("<li></li>")
.data("item.autocomplete", item)
.append("<div class='dib col-md-10 col-sm-10 pad0 col-xs-10 textOverflow'><div class='mainTxt'><span>" + item.match + "</span></div></div>")
.appendTo(ul);
}
};
});