文章/答案/技术大牛

发布

社区首页 >问答首页 >Uncaught：$(.).easyAutocomplete不是函数

问Uncaught：$(.).easyAutocomplete不是函数
EN

Stack Overflow用户

提问于 2018-10-04 07:11:43

回答 2查看 3.8K关注 0票数 0

我正在创建一个使用Node和express的web应用程序。对于自动完成，我使用一个名为容易自动完成的第三方节点模块。我已经跟踪了文档并包含了所有的文件，但是我得到了以下错误

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)

post-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);

});

post-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/'));
...

我检查了各种解决方案，在这些解决方案中，我必须将文件从节点模块文件夹中移出，但是错误仍然存在。

javascript

jquery

easyautocomplete

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-10-04 07:22:22

您应该移动脚本和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脚本

票数 3

Stack Overflow用户

发布于 2018-10-04 07:21:29

您需要在自定义代码之前加载插件/库，否则它将不存在。jQuery也需要包含在这两个scripts之前。

尝试以下几点：

<script src="/scripts/jquery.easy-autocomplete.min.js"></script>
<script src="/javascripts/post-property.js"></script>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52640996

复制

相似问题

问Uncaught：$(.).easyAutocomplete不是函数
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Uncaught：$(.).easyAutocomplete不是函数EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Uncaught：$(.).easyAutocomplete不是函数
EN