Question

我在获取jQuery脚本以读取我在文本文件中作为我的AutoComplete字段的源的部件列表时遇到问题。这就是我到目前为止所拥有的：

<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）中输入文本并不会显示可能的选项列表。它似乎并没有将coffeeParts.txt的内容放入coffeeParts变量中。我在这里做错了什么？

Answer 1

转储coffeeParts变量并通过＆＃34; source＆＃34;来调用该文件。参数。它已经像.get（）方法一样工作。

$('#partName').autocomplete({
   minLength: 2,
   source: "coffeeParts.txt"
});

jQuery自动完成不从文本加载源

1 个答案: