未捕获的TypeError:$(...)。autocomplete不是JQuery-UI中的函数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了未捕获的TypeError:$(...)。autocomplete不是JQuery-UI中的函数相关的知识,希望对你有一定的参考价值。

即使我将ui-library存储在本地磁盘上并将其导入脚本标记中,也无法在我的项目中识别自动完成功能。

html代码

  <link href="~/Content/Site.css" rel="stylesheet" type="text/css" />
  <link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" />
  <link href="~/Content/Chosen/chosen.min.css" rel="stylesheet" />
  <link href="~/Scripts/jquery-ui-1.10.2.css" rel="stylesheet" />

  <script src="~/Scripts/modernizr-2.6.2.js"></script>
  <script src="~/Scripts/jquery-ui-1.10.2.js"></script>
  <script src="~/Scripts/chosen.jquery.min.js"></script>
  <script src="~/Scripts/jquery-1.10.2.js"></script>
  <script src="~/Scripts/bootstrap.min.js"></script>

jquery代码

$(document).ready(function() {
    $(document).bind('keypress', function(e) {
        if (e.keyCode == 13) {
            $('#defaultActionButton').trigger('click');
        }
    });

    $('#SearchString').keyup(function() {
        var value = $(this).val().toLowerCase();

        filter('#myTable tr', value);
    });

    function filter(idObject, srchText) {
        $(idObject).filter(function() {
            $(this).toggle($(this).text().toLowerCase().indexOf(srchText) > -1)
        });
    }

    $('#SearchString').autocomplete({
        source: '@Url.Action("SearchAutocomplete", "Student")'
    });
});

完全错误

Uncaught ReferenceError: jQuery is not defined
    at jquery-ui-1.10.2.js:314
(anonymous) @ jquery-ui-1.10.2.js:314
chosen.jquery.min.js:2 Uncaught ReferenceError: jQuery is not defined
    at chosen.jquery.min.js:2
    at chosen.jquery.min.js:2
(anonymous) @ chosen.jquery.min.js:2
(anonymous) @ chosen.jquery.min.js:2
(index):144 Uncaught TypeError: $(...).autocomplete is not a function
    at HTMLDocument.<anonymous> ((index):144)
    at fire (jquery-1.10.2.js:3062)
    at Object.fireWith [as resolveWith] (jquery-1.10.2.js:3174)
    at Function.ready (jquery-1.10.2.js:447)
    at HTMLDocument.completed (jquery-1.10.2.js:118)

我真的不知道根本原因是什么。如果您有解决方案,请帮忙。

答案

将jquery.js文件放在jquery-ui.js文件之前。顺序很重要。

以上是关于未捕获的TypeError:$(...)。autocomplete不是JQuery-UI中的函数的主要内容,如果未能解决你的问题,请参考以下文章

VueJS:未捕获(承诺中)TypeError:无法读取未定义的属性“推送”

未捕获的TypeError:(中间值).map不是函数[重复]

如何使用自定义错误消息捕获“TypeError:无法读取未定义的属性(读取'0')”?

未捕获(承诺)TypeError:无法读取未定义的属性“长度”

JQuery UI'可拖动不是函数'未捕获的TypeError

未捕获的 Promise 错误:TypeError:成员不是函数