如何解决AutoComplete不是materializecss函数?

时间:2019-06-30 04:54:52

标签: javascript jquery materialize

因此,我在实现CSS的领域中使用了自动完成功能,但我想知道为什么会出现此错误?

Uncaught TypeError: $(...).autocomplete is not a function
    at HTMLDocument.<anonymous> (edit_view.php?id=48:568)
    at j (jquery-2.1.1.min.js:2)
    at Object.fireWith [as resolveWith] (jquery-2.1.1.min.js:2)
    at Function.ready (jquery-2.1.1.min.js:2)
    at HTMLDocument.I (jquery-2.1.1.min.js:2)

这是我的功能:

<script type="text/javascript">
    $(document).ready(function() {
        $(function() {
            $.ajax({
                type: 'GET',
                url: 'http://127.0.0.1/EnrollmentSystem/views/employee/departments.php',
                success: function(response) {
                    var departmentArray = response;
                    var dataDepartment = {};
                    for (var i = 0; i < departmentArray.length; i++) {
                        console.log(departmentArray[i].name);
                        dataDepartment[departmentArray[i].name] = departmentArray[i].flag;
                    }
                $('input.autocomplete').autocomplete({
                    data: dataDepartment,
                });
                }
            });
        });
    }); 
</script>

并在此处调用

<div class="col s12 m8 l8">
    <input type="text" id="department" name="department_id" value="<?php echo $department['name'] ;?>" class="autocomplete">
</div>

我尝试了不同版本的 JQuery ,但是我没有运气。这些是我声明的获取Javascript的声明:

<script type = "text/javascript"
src = "https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js"></script>

我在stackoverflow中尝试了其他建议,但对我的情况没有任何帮助。 希望有人可以指出我该如何解决该错误

1 个答案:

答案 0 :(得分:0)

d2在0.97.3中不可用,它是在1.0.0中添加的(以及其他与表单相关的功能)。另外,1.0.0不依赖jQuery,因此语义也有所不同。 1.0.0中Autocomplete的文档为over here