【问题标题】:jQuery(...).autoComplete is not a function [closed]jQuery(...).autoComplete 不是一个函数 [关闭]
【发布时间】:2016-08-22 19:10:38
【问题描述】:

我正在尝试让 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 应该包含在 after jquery 中。请纠正我的错误。

【问题讨论】:

  • 你确定你的方法拼写正确吗?案例和所有? (you aren't)
  • 扩展@KevinB,autoComplete 不是 jQuery UI 的一部分,autocomplete 是。案件很重要。
  • 谢谢,我忽略了这一点,现在它可以正常工作了。

标签: jquery jquery-ui autocomplete


【解决方案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>

【讨论】:

  • 这个解决方案对我有用
  • 派对迟到了,但对于其他正在寻找答案的人来说:我们使用的是 JQuery 3.3.1,您还需要使用 jquery-ui-1.12.1.min.js "autocomplete " 需要 "ui"。
猜你喜欢
  • 2012-06-13
  • 2017-11-28
  • 1970-01-01
  • 1970-01-01
  • 2011-12-30
  • 2011-03-19
  • 2016-11-15
  • 2020-09-25
  • 2020-06-24
相关资源
最近更新 更多