[英]Uncaught TypeError: $(…).easyAutocomplete is not a function
我正在使用Node js和express創建一個Web應用程序。 對於自動完成功能,我正在使用名為easy-autcomplete的第三方節點模塊。 我已按照文檔進行操作,並包含了所有文件,但是出現以下錯誤
Uncaught TypeError: $(...).easyAutocomplete is not a function
at HTMLDocument.<anonymous> (post-property.js:289)
at mightThrow (jquery-3.3.1.js:3534)
at process (jquery-3.3.1.js:3602)
后property.js
$(function(){
let countries = [
{"name": "Afghanistan", "code": "AF"},
{"name": "Albania", "code": "AL"},
{"name": "Algeria", "code": "DZ"},
..
..
]
var options = {
data: countries,
getValue: "name",
list: {
match: {
enabled: true
}
}
};
$("#provider-json").easyAutocomplete(options);
});
后property.hbs
<div class="row">
..
..
</div>
<script src="/javascripts/post-property.js"></script>
<script src="/scripts/jquery.easy-autocomplete.min.js"></script>
<link rel="stylesheet" href="/scripts/easy-autocomplete.css">
<link rel="stylesheet" href="/scripts/easy-autocomplete.themes.min.css">
app.js
...
app.use('/scripts', express.static(__dirname + '/node_modules/easy-autocomplete/dist/'));
...
我檢查了各種解決方案,必須將文件從節點模塊文件夾中移出,但錯誤仍然存在。
您應該在自己的腳本之前將腳本和CSS移至易於自動完成的位置。
let countries = [ {"name": "Afghanistan", "code": "AF"}, {"name": "Albania", "code": "AL"}, {"name": "Algeria", "code": "DZ"}, ] var options = { data: countries, getValue: "name", list: { match: { enabled: true } } }; $("#basics").easyAutocomplete(options);
<head> <link rel="stylesheet" href="/scripts/easy-autocomplete.css"> <link rel="stylesheet" href="/scripts/easy-autocomplete.themes.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/jquery.easy-autocomplete.min.js"></script> <script src="/javascripts/post-property.js"></script> </head> <body> <div class="row"> <input id="basics" /> </div> </body>
然后別忘了包含文檔中提到的jQuery腳本
您需要在自定義代碼之前加載插件/庫,否則它將不存在。 在這兩個scripts
之前還需要包含jQuery
。
請嘗試以下操作:
<script src="/scripts/jquery.easy-autocomplete.min.js"></script>
<script src="/javascripts/post-property.js"></script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.