2012-08-01 72 views
1

我有一个html文件引用了几个jquery文件,并有一个数组来提取输入列表的数据,但是;当我运行程序时,我不断收到JS数组的错误信息,说“预期的对象”。任何帮助,将不胜感激。自动完成输入问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <title></title> 
    <script type="text/javascript"> 
     $(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 
     }); 
    }); 
    </script> 

    <script src="jquery-1.7.1.js" type="text/javascript"></script> 
    <script src="jquery.ui.widget.js" type="text/javascript"></script> 

    <script src="jquery.ui.core.js" type="text/javascript"></script> 

    <script src="jquery.ui.autocomplete.js" type="text/javascript"></script> 

    <script src="jquery-ui.js" type="text/javascript"></script> 
</head> 
<body> 
<div> 
    <label for="tags">Tags: </label> 
    <input id="tags" /> 
</div> 
</body> 

+3

尝试在jQuery代码之前添加jQuery(和相关文件)。 – j08691 2012-08-01 16:54:14

+0

这是emabarassing。谢谢。 – MasterP 2012-08-01 16:55:29

+0

@ j08691这是一个答案。 – jbabey 2012-08-01 16:57:10

回答

1

尝试在您的jQuery代码之前包含jQuery(和相关文件)。

0

为了让外部脚本/像jQuery库是有用的,你需要包括他们之前,你实际使用它们。只需将<script>标记的内容移动到所有外部脚本之后,它就可以正常工作。

<script src="jquery-1.7.1.js" type="text/javascript"></script> 
<script src="jquery.ui.widget.js" type="text/javascript"></script> 
<script src="jquery.ui.core.js" type="text/javascript"></script> 
<script src="jquery.ui.autocomplete.js" type="text/javascript"></script> 
<script src="jquery-ui.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    $(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 
    }); 
}); 
</script> 
+0

感谢您的帮助 – MasterP 2012-08-01 16:56:51