Question

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

HTML代码

.top-row {
    display: inline-block;
}


nav ul, footer ul {
    display: block;
    font-family:'Museo Slab', 'Roboto', sans-serif;
    padding: 0px;
    list-style: none;
    font-weight: bold;
    width:100%;
    text-align: right;
}
nav ul li, footer ul li {
    display: inline-block;
    margin-right: 20px;
    text-align: right;
}
a {
    text-decoration: none;
    color: #2F4F4F;
}
a:hover {
    color: #FF6347
}

jquery代码

  <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>

完整错误

$(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")'
    });
});

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

Answer 1

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

未捕获的TypeError：$（...）。autocomplete不是JQuery-UI中的函数

完整错误

1 个答案: