文章/答案/技术大牛

发布

社区首页 >问答首页 >Typeahead.js的问题

问Typeahead.js的问题
EN

Stack Overflow用户

提问于 2013-10-16 13:10:32

回答 2查看 236关注 0票数 0

我一直在尝试在我的项目中使用typeahead.js。我需要mysql数据库中的数据。但没有任何建议。我几乎什么都试过了。这是我的代码：

HTML文件：

    <html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Autocomplete - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script src="js/typeahead.js"></script>
</head>
<body>

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

 <script>
$('#tags').typeahead({                                
  name: 'tags',                                                          
  prefetch: 'file.json'                                                            
});
</script>
</body>
</html>

file.json

    [ 
{ 
    "value": "Maini Optics",
    "tokens": ["Maini","Optics"]
},
{
    "value": "Prakash Eyewear",
    "tokens": ["Prakash","Eyewear"]
},
{
    "value": "Eternity Lifestyles",
    "tokens": ["Eternity","Lifestyles"]
},
{
    "value": "Aeurole Inspecs",
    "tokens": ["Aeurole","Inspecs"]
},
{
    "value": "Dynamic Eyewear",
    "tokens": ["Dynamic","Eyewear"]
},
{
    "value": "abc",
    "tokens": ["abc"]
},
{
    "value": "Test",
    "tokens": ["Test"]
}
]

请帮帮我..。

php

jquery

mysql

ajax

typeahead

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-11-13 06:55:04

你必须提供名字

{ 
    "value": "Maini Optics",
    "name": "Maini Optics",
    "tokens": ["Maini","Optics"]
}

票数 0

Stack Overflow用户

发布于 2013-10-16 13:21:21

PHP (数组中的单个值，即：$values = array('Maini‘，’‘) )：

$typeahead_data = implode("','", $values);

HTML：

<input type="text" name="name" id="name_typeahead" autocomplete="off" />
<button type="submit" class="btn btn-primary"><i class="icon-search icon-white"></i>&nbsp;Search</button>

$("#name_typeahead").typeahead({
    source: ['<?=$typeahead_data;?>'],
    items: 20
});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19404366

复制

相似问题

问Typeahead.js的问题
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Typeahead.js的问题EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Typeahead.js的问题
EN