0

我正在使用 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 开发工具 -> 网络中，我看到一个请求已完成并且状态也为 200。那么，为什么这不显示结果？

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

谢谢

4

1 回答 1

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>
于 2013-05-06T18:31:48.940 回答