Question

我正在使用codeigniter，我用jquery ui自动完成功能创建了一个简单的输入来显示一些结果。

我只是为了确保我可以使用这个工具而进行测试。

我做到了这一点：

//in head
<script src="/js/jquery-1.9.1.js"></script>
<script src="/js/jquery-ui.js"></script>


//in body
<script type="text/javascript">
$(function() {

    var tags = [
    "ActionScript",
    "AppleScript",
    "Asp",
    "BASIC",
    "C",
    "C++",
    "Clojure",
    "COBOL",
    "ColdFusion",
    "Erlang",
    "Fortran",
    "Groovy",
    "Haskell",
    "Java",
    "JavaScript",
    "Lisp",
    "Perl",
    "PHP",
    "Python",
    "Ruby",
    "Scala",
    "Scheme"
    ];

    $("#autocomplete").autocomplete({
        source: tags
    });
});
</script>

<input id="autocomplete" />

但是没有显示结果！

在chrome dev工具中 - ＆gt;网络，我看到请求已完成，并且还获得状态200。那么，为什么这不显示结果？

在带有这些行的静态空白html文件中，我得到了结果！

感谢

Answer 1

你为jQuery UI添加了CSS文件吗？

在<head>标记中添加此内容：

<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />

此外，如果您已经包含了CSS，但忘记在提问中提及，请替换

<script src="/js/jquery-1.9.1.js"></script>
<script src="/js/jquery-ui.js"></script>

与

<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>

我严重怀疑您使用的jquery和jQuery UI版本彼此不兼容。

此外，请在尝试上述方法之前清理浏览器缓存。：）

修改

请确保您已声明文档类型。

将其放在<head>标记
之前
<!DOCTYPE html>

CodeIgniter + Jquery +自动完成没有结果

1 个答案: