jQuery(...).autoComplete 不是一个函数

Question

我试图让 autoComplete() 从 jQuery-ui 工作。我创建了一个小提琴来显示我的代码：

https://jsfiddle.net/4s4dzwn1/

我的JS：

jQuery(function(){

    jQuery('#autocomplete').autoComplete({
        source: ["ActionScript",
            "Bootstrap",
            "C",
            "C++",
            "Ecommerce",
            "Jquery",
            "Groovy",
            "Java",
            "JavaScript",
            "Lua",
            "Perl",
            "Ruby",
            "Scala",
            "Swing",
            "XHTML"]
    });

});

我的 HTML：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

<form>
    <input id="autocomplete">
</form>

它抛出一个错误，说 autoComplete 不是一个函数。我的理解是 autoComplete 是 jQuery-ui（包含在内）的一部分，并且 jQuery-ui 应该在jquery之后包含。请纠正我的错误。

Answer 1

试试这个代码

jQuery(function(){

    jQuery('#autocomplete').autocomplete({
        source: ["ActionScript",
            "Bootstrap",
            "C",
            "C++",
            "Ecommerce",
            "Jquery",
            "Groovy",
            "Java",
            "JavaScript",
            "Lua",
            "Perl",
            "Ruby",
            "Scala",
            "Swing",
            "XHTML"]
    });

});

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

    <form>
        <input id="autocomplete">
    </form>