Javascript JQuery UI自动完成不会将任何结果返回到页面
我正在使用Javascript JQuery UI自动完成不会将任何结果返回到页面,javascript,php,jquery,jquery-ui,jquery-ui-autocomplete,Javascript,Php,Jquery,Jquery Ui,Jquery Ui Autocomplete,我正在使用jqueryuiAutocomplete小部件,当用户在我的搜索栏中键入时,向他们显示建议的搜索。然而,我遇到了一个问题,即结果不会在用户键入时出现 这是我的脚本: var $j = jQuery.noConflict(); $j(document).ready(function(){ $j("#tag_search").autocomplete({ source:'autocomple
jqueryui
Autocomplete小部件,当用户在我的搜索栏中键入时,向他们显示建议的搜索。然而,我遇到了一个问题,即结果不会在用户键入时出现
这是我的脚本
:
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j("#tag_search").autocomplete({
source:'autocomplete_tags.php',
dataType: 'json',
minLength:1
});
});
这是autocomplete\u tags.php
:
require_once '../includes/preheader.php';//connects to db
$term = $_GET["term"];//Get the search terms.
//Select tags from the database based on the specified search keyword
$query = "SELECT * FROM tag WHERE NAME LIKE '".$term."%' ORDER BY NAME ASC";
$json=array();
$db->query($query);//Query the DB.
//Parse through the results and store in an array
while($db->next()){
$json[]=array(
'id' => $db->get('id'),
'value'=>$db->get("name"),
'label'=>$db->get("description")
);
}
//Autocomplete JQuery UI expects a Json Array so encode and echo.
echo json_encode($json);
如果我访问这个url,我可以在浏览器中看到一个带有结果的json
数组,这让我相信它正在正常工作,但由于某种原因,结果没有显示出来
http://my-site.tld/includes/autocomplete_tags.php?term=ag
输出:
[{"id":"29","value":"Agriculture","label":"This is a tag about agriculture and farming"}]
此外,我在控制台中检查了当用户键入时,文件是否被正确找到,并且我得到了200
响应代码
有人知道这可能是什么原因吗?我在另一个网站上实现了一个类似的功能,它没有问题。这可能是造型问题吗 好吧,我真是太傻了,没有意识到这一点,而是删除了这个问题。对于其他可能尝试做同样事情的人,你必须确保你包含了
jqueryui
css
文件。只需将其放在站点的标题中:
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/jquery-ui.css" />
就我上面的帖子而言,所有的代码都是正确的,并且工作正常,唯一缺少的就是上面的样式表