У меня возникла проблема с получением сценария jQuery для чтения списка деталей, который у меня есть в текстовом файле, в качестве источника для моего поля автозаполнения. Вот что у меня есть до сих пор:
<script>
$(function() {
var coffeeParts = $.get("coffeeParts.txt");
$( "#partName" ).autocomplete({
minLength: 2,
source: coffeeParts,
select: function ( event, ui ) {
$("#partNumber").text(ui.item.partNumber);
$("#partDesc").text(ui.item.partDesc);
if (ui.item.partSource == 1) {
$("#partSource").html("<div class='ui-widget'><div class = 'ui-state-highlight ui-corner-all' style='margin=top:5px;'><p><span class='ui-icon ui-icon-alert' style='float: left; margin-right: 6px;'></span> Text to display</p></div></div>");
}
else if (ui.item.partSource == 2) {
$("#partSource").html("<div class='ui-widget'><div class = 'ui-state-highlight ui-corner-all' style='margin=top:5px;'><p><span class='ui-icon ui-icon-alert' style='float: left; margin-right: 6px;'></span> Text to display</p></div></div>");
}
else {
$("#partSource").html("<div class='ui-widget'><div class = 'ui-state-highlight ui-corner-all' style='margin=top:5px;'><p><span class='ui-icon ui-icon-alert' style='float: left; margin-right: 6px;'></span> Text to display</p></div></div>");
}
}
});
})
</script>
Файл частей структурирован так:
[{"label": "Part Name 1", "partNumber": "12345678", "partDesc": "Bla Bla Bla", "partSource": 1},{"label": "Part Name 2", "partNumber": "12345678", "partDesc": "Bla Bla Bla", "partSource": 1}]
Когда я запускаю страницу, ввод текста в поле ввода автозаполнения (#partName
) не #partName
список возможных вариантов. Кажется, он не помещает содержимое coffeeParts.txt в переменную coffeeParts
. Что я здесь делаю неправильно?
Сбросьте переменную coffeeParts и вызовите файл через параметр "источник". Он уже работает как метод.get().
$('#partName').autocomplete({
minLength: 2,
source: "coffeeParts.txt"
});