Javascript 引导文本框自动完成
我正在使用它作为我的GUI 我发现这与我的问题有关。但是当我从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
@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需求的解决方案。您是否面临任何不同版本的问题?