jQuery自动完成功能失效

我花了很多时间试图找出阻止jQuery自动完成功能工作的原因，因此非常感谢任何帮助。我在IE中得到以下错误，在Chrome和Firefox中也有类似的错误:

JavaScript运行时错误:对象不支持属性或方法'autocomplete'

根据我的研究，我明白这是由于一个js参考文件，但我所见过的解决方案都没有奏效。下面是js-ui和通用js文件的引用:

<head>
   <meta charset="utf-8">
   <title>jQuery UI Autocomplete - Custom data and display</title>
   <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
   <script src="~/Scripts/jquery-1.10.2.js"></script>
   <script src="~/Scripts/jquery-ui-1.11.4.js"></script>
</head>

这里是我实现它的地方:

<script type="text/javascript">
        $(document).ready(function () {
            $("#school").autocomplete ({
                minLength: 2,
                source: schools,
                select: function (e, ui) {
                    e.target.value = ui.item.label;
                    $("#schoolValue").val(ui.item.value);
                    e.preventDefault();
                }
            });
</script>
<input id="school" class="register-field" placeholder="School" type="text" />

这已经把我逼疯了，所以我再次感谢任何帮助!

试试这个:

<script type="text/javascript">
    $(function () {
        $("#school").autocomplete ({
            minLength: 2,
            source: schools,
            select: function (e, ui) {
                e.target.value = ui.item.label;
                $("#schoolValue").val(ui.item.value);
                e.preventDefault();
            }
        });
    });
</script>
<input id="school" class="register-field" placeholder="School" type="text" />

相关内容

最新更新

热门标签：