Javascript 引导文本框自动完成

Javascript 引导文本框自动完成,javascript,jquery,twitter-bootstrap,autocomplete,Javascript,Jquery,Twitter Bootstrap,Autocomplete,我正在使用它作为我的GUI 我发现这与我的问题有关。但是当我从@KyleMit尝试代码时,我的控制台中出现了一个错误。我得到了这个未捕获的类型错误:$(…)。自动完成不是一个函数 当前代码 $(“.autocomplete”).autocomplete({ 来源:“/Controller/Action”, 最小长度:1, 选择:功能(事件、用户界面){ if(ui.item){ $(.autocomplete”).val(ui.item.value); } } }); 语言文字 检查jqu

我正在使用它作为我的GUI

我发现这与我的问题有关。但是当我从
@KyleMit
尝试代码时,我的控制台中出现了一个错误。我得到了这个
未捕获的类型错误:$(…)。自动完成不是一个函数

当前代码

$(“.autocomplete”).autocomplete({
来源:“/Controller/Action”,
最小长度:1,
选择:功能(事件、用户界面){
if(ui.item){
$(.autocomplete”).val(ui.item.value);
}
}
});

语言文字

检查jquery自动完成的基本示例

JS代码

$( 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
    });
  } );
你的html

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

标签:
在头标签中包含以下代码:

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>


您可以在这里找到。

您包括哪些js,我指的是bootstrap和其他js?我是说,你有没有包括jquery-ui.js?请查看建议链接的答案以了解更多信息details@rahul_m很抱歉给您带来不便。请在我的编辑链接中获取一个战利品。你想在哪里自动完成?你不应该期望人们只下载一个存档文件并在本地构建你的项目。相反,使用snippet工具(
按钮)创建问题的详细信息。从您描述的内容来看,您并没有包括jQueryUI工作所需的一切。您可以自定义jQuery UI包中包含的内容。@AndreiGheorghiu我没说要为我编译它。我把它贴出来了,因为我忘了链接是从哪里得到的。rahul要jquery的。我没有键入它,而是共享了归档文件。我的另一个jquery有问题。这里有冲突
jquery.min.js
bootstrap.min.js
你能在这里发表评论吗?我对冲突的两个js都发表评论。自动完成工作。还不知道效果如何。非常漂亮优雅,喜欢!顺便说一句:这个解决方案的支持程度如何?语法/单词可能会因版本而异,但您可以通过这种方式获得OP需求的解决方案。您是否面临任何不同版本的问题?