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

Question

我在内容编辑器webpart中添加了代码。但它没有显示自动填充数据。 参考：https://jqueryui.com/autocomplete/

Content Editor screen shot

Answer 1

添加'autocomplete js'和'jquery'之后，您必须添加一个带有以下ID的输入：id为tags

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

然后你必须在一个变量中创建一个函数和你的所有项目。变量名称为availableTags。 然后，您必须在函数中使用此代码调用输入字段tags id。

source

  <script>
  $( function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  } );
  </script>

Answer 2

将以下代码添加到内容编辑器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"/>