Question

已解决，JAVASCRIPT-FILE中的错误

我正在尝试使用一个非常简单的自动完成测试页面 http://www.devbridge.com/projects/autocomplete/jquery/

无法开始工作的源代码如下所示：

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>test</title>

      <link rel="stylesheet" href="stylesheets/test.css">

    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="javascripts/jquery.autocomplete.js"></script>

    <script>
        var options, a;
        jQuery(function(){
          options = {lookup:['Jan', 'Feb']};
          a = $('#query').autocomplete(options);
            });

    </script>
</head>
<body>

<input type="text" name="q" id="query" /> 


</body>
</html>

我错过了什么吗？

Answer 1

j是jQuery中的小写：

jQuery(function(){

不

JQuery(function(){

其他代码我认为没问题。无论如何，尝试使用一些开发工具来调试您的JavaScript代码。像Firebug或新Firefox's built-in development tools之类的东西。（几乎每个现代浏览器都有这样的功能）

您可以尝试的另一件事是在document.ready函数中编写此代码，如下所示：

$(document).ready(function () {
    //your code here
});

Answer 2

    var options, a;
    JQuery(function(){
      options = {lookup:['Jan', 'Feb']};
      a = $('#query').autocomplete(options);
        });

你可以尝试这个 -

a = $('#query').autocomplete(options.lookup);

Answer 3

尝试下面的代码：

$(function(){
   var options = {lookup:['Jan', 'Feb']};
   $('#query').autocomplete(options);
});

演示：http://jsfiddle.net/JhtNz/

Answer 4

以下是基本的JQUeryUI示例：http://jsfiddle.net/yYLxB/

$(function() {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});

Answer 5

您必须写jQuery而不是JQuery。

检查http://jsfiddle.net/2ZKRR/

用于JQuery的Ajax自动完成

5 个答案:

演示：http://jsfiddle.net/JhtNz/