自動完成API - jQuery未定義

我想要一個簡單的文本框，它將使用DevBridge中的jQuery API。我看着this tutorial產生我的代碼。自動完成API - jQuery未定義

不過，我收到下面的問題，雖然我已經宣佈了JS代碼前的腳本，也映射正確：

這裏是我的代碼：

<script type="text/javascript" src="resources/js/jquery.autocomplete.js"></script> 
<script type="text/javascript" src="resources/js/jquery.autocomplete.min.js"></script> 
<link rel="stylesheet" href="resources/css/main.css" type="text/css"> 
<link rel="stylesheet" href="resources/css/styles.css" type="text/css"> 


<style> 
h1 {text-align:center; margin:20px 20px;} 
#autocomplete{margin:0 auto;}) 
</style> 
<title>Job Search</title> 
</head> 

<body> 
<form method ="GET" action="Jobs"> 
    <fieldset> 

     <legend>Page:</legend> 
     <input type="text" name="page" placeholder="enter a number" oninput="this.value=this.value.replace(/[^0-9]/g,'');" id="myId"/> 

     <legend>Descending?</legend> 
     <input type="text" id="autocomplete" /> 
     <script type="text/javascript"> 
     var arr= ["test", "apple", "orange"]; 

     $('#autocomplete').autocomplete({ 
      lookup: arr 
     }); 
</script>

來源

2017-02-18 JonathanScialpi

在控制檯中顯示錯誤消息您錯過了jQuery Autocomplete庫需要的jQuery庫。

您需要包括上面，像這樣的自動完成庫的jQuery：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script type="text/javascript" src="resources/js/jquery.autocomplete.js"></script> 
<script type="text/javascript" src="resources/js/jquery.autocomplete.min.js"></script> 
<link rel="stylesheet" href="resources/css/main.css" type="text/css"> 
<link rel="stylesheet" href="resources/css/styles.css" type="text/css">

來源

2017-02-18 23:19:28 Whew32

謝謝！我會在時間限制允許的情況下接受你的回答:) – JonathanScialpi

和jquery插件的自動完成，你只需要'jquery.autocomplete.min.js'（它與'jquery.autocomplete.js'相同但縮小了），所以你不必包含這兩者 – scraaappy

自動完成API - jQuery未定義

回答

相關問題