2012-08-01 118 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