śledzenie dokumentacji z witryny interfejsu użytkownika i przeglądanie kilku tutoriali i sprawdzenie, czy mój kod działa, a ajax znajduje się na liście terminów, które chcę, i możesz wybrać jedną z nich i umieszcza wartość, a następnie ",". Jednak później nie monituje ponownie o drugą wartość.Autouzupełnianie jQuery z wieloma wartościami ajax'owymi
Ponadto, gdy wprowadzam częściowe i mówię, że 10 pozycji pojawia się, tabulacja po prostu przechodzi do następnego pola formularza, nie wiem, co jest nie tak z moim .indy, może ustawienie? Jeśli ktokolwiek nie miałby nic przeciwko spojrzeniu, byłoby to bardzo cenne!
function split(val) {
return val.split(/,\s*/);
}
function extractLast(term) {
return split(term).pop();
}
jQuery('#tagSearch')
.bind('keydown', function(event) {
if (event.keyCode === jQuery.ui.keyCode.TAB &&
jQuery(this).data('autocomplete').menu.active) {
event.preventDefault();
}
})
.autocomplete({
autoFocus: true,
source: function(request, add) {
console.log('source');
jQuery.getJSON('/get-tags-like.php?term_start=' + request.term, function(response) {
var possibleTerms = [];
jQuery.each(response, function(i, val) {
possibleTerms.push(val.name + ' ' + '(' + val.count + ')');
});
add(jQuery.map(possibleTerms, function(item) {
console.log(possibleTerms);
return item;
}));
});
},
focus: function() {
console.log('focus');
return false;
},
select: function(event, ui) {
console.log('select');
var terms = split(this.value);
terms.pop();
terms.push(ui.item.value);
terms.push('');
this.value = terms.join(',');
// At this point, example:
// Sony (5)
var currentVal = this.value;
// Sony (5) - Gets inserted as "Sony"
currentVal = currentVal.replace(/\s\(.\)/, '');
this.value = currentVal;
return false;
},
minLength: 2
});
Czy powiązanie zdarzenia klucza zdarzenia z autouzupełni ą przeszkodzi w Twoim? –