Jquery “自动完成”在内容编辑器Web部件Sharepoint 2013中不起作用

我已经在我的内容编辑器Web部件中添加了代码。但它并没有显示自动完成的数据。 参考：

---

添加“自动完成js”和“jquery”后，您必须添加一个ID如下的输入字段：ID为

标记

<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>

---

将以下代码添加到内容编辑器web部件或脚本编辑器web部件中

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(function() {
    var availableTags = ["ActionScript","AppleScript","Asp"];
    $("#tags").autocomplete({ 
        source: availableTags
    });
});
</script>
<input id="tags"/>

$（函数（）{
var availableTags=[“ActionScript”、“AppleScript”、“Asp”]；
$（“#标记”）.autocomplete（{
资料来源：availableTags
});
});

---

我建议不要使用jQuery UI，而是学习React或Angular之类的库，如果您仍然需要样式框架，请使用material UI或materialize cssThanks作为回复。请检查我附上的图片。这就是我所做的。创建了一个id为“tags”的输入并附加到源数组。我把输入控制也放在脚本上面。那不行。嗨，行了。。我缺少jquery-ui.js引用。。谢谢你的建议……）这是答案，但由于我的评分，我无法将其标记为答案：）

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(function() {
    var availableTags = ["ActionScript","AppleScript","Asp"];
    $("#tags").autocomplete({ 
        source: availableTags
    });
});
</script>
<input id="tags"/>