语义UI搜索和本地搜索不起作用
提问于 2017-01-03 11:15:33
我有一个简单的html，我正在尝试语义UI的搜索模块的html，但它就是不起作用。代码如下：
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-3.1.1.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.js"></script>
<script src="../../assets/javascripts/testing.js" type="text/javascript"></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>Javascript：
$('.ui.search')
.search({
source: content,
});
var content = [
{ title: 'Andorra' },
{ title: 'United Arab Emirates' },
{ title: 'Afghanistan' },
{ title: 'Antigua' },
{ title: 'Anguilla' },
{ title: 'Albania' },
{ title: 'Armenia' },
{ title: 'Netherlands Antilles' },
{ title: 'Angola' },
{ title: 'Argentina' },
{ title: 'American Samoa' },
{ title: 'Austria' },
{ title: 'Australia' },
{ title: 'Aruba' },
{ title: 'Aland Islands' },
{ title: 'Azerbaijan' },
{ title: 'Bosnia' },
{ title: 'Barbados' },
{ title: 'Bangladesh' },
{ title: 'Belgium' },
{ title: 'Burkina Faso' },
{ title: 'Bulgaria' },
{ title: 'Bahrain' },
{ title: 'Burundi' }
// etc
];它应该做的是，一旦我单击搜索框，ui搜索的DOM应该更改为ui搜索焦点，并且results div也应该更改。(我基于DOM应该从这个http://semantic-ui.com/modules/search.html#local-search中做什么)
它应该在用户键入时显示结果，但我的html文件没有显示任何内容，但搜索栏:(
应该是这样的：image
回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41442235
复制相关文章
腾讯云开发者
