Автозаполнение не работает с массивом значений - PullRequest
1 голос
/ 19 марта 2019

Я прочитал все сообщения, связанные с jQuery 3.3.1 и jQuery-UI 1.12.1, но не смог найти решение.Это мой код, и он не работает.

<link href="lib/jquery-ui/themes/base/jquery-ui.css" rel="stylesheet" />
<link href="lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />

<div class="ui-widget">
  <span>Enter Language Name: </span><input id="Language">
</div>
<script src="lib/jquery/dist/jquery.js"></script>
<script src="lib/jquery-ui/jquery-ui.js"></script>
<script src="lib/bootstrap/dist/js/bootstrap.js"></script>
<script>
  var tech = [
    "Asp",
    "Basic",
    "Java",
    "Php",
    "Typescript",
    "Ruby",
    "Python",
    "Angular"
  ];
  $('#Language').autocomplete({
    data: tech
  });
</script>

1 Ответ

0 голосов
/ 19 марта 2019

В настройках autocomplete() отсутствует свойство data.Если вы предоставляете массив значений для использования в элементе управления, вам нужно использовать source.Я бы предложил прочитать документацию .

var tech = [
  "Asp",
  "Basic",
  "Java",
  "Php",
  "Typescript",
  "Ruby",
  "Python",
  "Angular"
];
$('#Language').autocomplete({
  source: tech
});
<link href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />

<div class="ui-widget">
  <span>Enter Language Name: </span><input id="Language">
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...