javascript - Jquery在没有ID的Textarea上自动填充

Question

我正在尝试将自动建议 JQuery 插件添加到文本框中。我可以在另一个具有“id”的文本框中使用下面的代码来做到这一点。但是我正在处理的这个新文本框没有 id，我想 Class 是我唯一的选择。但我无法在这个文本区域中获得自动建议工作。谁能建议我做错了什么，或者这不是上课的正确方法。？

var tCodes = ["head", "hello", "heart", "health", "horizontal"];
$('.sn-chat-textarea').autocomplete({
  source: tCodes
}, {
  autoFocus: true,
  minLength: 1
});

<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>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<textarea class="sn-chat-textarea" rows="1" placeholder="Type a message" aria-autocomplete="list" aria-haspopup="true" aria-multiline="true" role="combobox" value="" style="overflow: hidden; overflow-wrap: break-word; height: 40px;"></textarea>

标签： javascriptjqueryjquery-ui-autocomplete