JQuery Автозаполнение не загружает источник из текста

0

У меня возникла проблема с получением сценария 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. Что я здесь делаю неправильно?

Теги:
get
autocomplete

1 ответ

0
Лучший ответ

Сбросьте переменную coffeeParts и вызовите файл через параметр "источник". Он уже работает как метод.get().

$('#partName').autocomplete({
   minLength: 2,
   source: "coffeeParts.txt"
});
  • 0
    Все это сводит меня с ума из-за такого простого исправления. Спасибо!
  • 0
    NP. Если в какой-то момент в будущем вам нужно динамически заполнить поле автозаполнения из базы данных, вы можете найти пример этого здесь
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню