如何在语义用户界面中创建文本框中的自动完成
如何在语义用户界面中创建文本框中的自动完成
提问于 2016-07-09 12:17:24
我正在使用语义UI自动完成文本框。
$(document).ready(function(search) {
$('.ui.search')
.search({
source: content
});
var content = [{
title: 'Andorra'
}, {
title: 'United Arab Emirates'
}, {
title: 'Afghanistan'
}, {
title: 'Antigua'
}, ];
});这是我从语义UI网站上使用的代码，但是我在控制台中得到了一个错误，
Uncaught：$(.).search不是函数
我做错了什么？
回答 1
Stack Overflow用户
发布于 2017-04-29 08:44:36
如果下列代码对您有帮助，请尝试。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.css" rel="stylesheet"/>
<script type="text/javascript">
$(document).ready(function () {
var content = [{
title: 'Andorra'
}, {
title: 'United Arab Emirates'
}, {
title: 'Afghanistan'
}, {
title: 'Antigua'
},];
$('.ui.search')
.search({
type: 'standard',
source: content,
searchFields: ['title'],
});
});
</script>
</head>
<body>
<div class="ui search">
<div class="ui icon input">
<input class="prompt" placeholder="Search countries..." type="text">
<i class="search icon"></i>
</div>
<div class="results"></div>
</div>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38281727
复制相关文章
相似问题
腾讯云开发者
