jQuery 自动完成功能在 Firefox 中运行良好，但在 Chrome 中却不行答案

【问题标题】：jQuery autocomplete works fine in Firefox but not in ChromejQuery 自动完成功能在 Firefox 中运行良好，但在 Chrome 中却不行
【发布时间】：2015-04-06 03:30:55
【问题描述】：

我在文本输入字段上有一个 jQuery 自动完成功能，该功能在 Firefox 中运行良好，但在 Chrome 中没有响应。这是该字段的脚本：

$(function () {
    var availableTags = [
        "La Plagne",
        "Geneva"
    ];
    $("#locationinput1, #locationinput2").autocomplete({
        source: availableTags,
        messages: {
            noResults: '',
            results: function () {}
        }
    });
});

【问题讨论】：

标签： javascript jquery google-chrome firefox

【解决方案1】：

您的代码在 Chrome 中对我来说很好用。 <head> 标记中是否有 jQuery 和 jQuery UI，都位于自动完成脚本上方？

例子：

<script type="text/javascript" src="//code.jquery.com/jquery-2.0.2.js"></script>  

<script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<script type="text/javascript">
$(function () {
    var availableTags = [
        "La Plagne",
        "Geneva"
    ];
    $("#locationinput1, #locationinput2").autocomplete({
        source: availableTags,
        messages: {
            noResults: '',
            results: function () {}
        }
    });
});
</script>

JSFiddle - 在 Chrome 中工作

【讨论】：

是的，两者都在脚本上方。不知道这是否与输入字段本身的代码有关，但我不明白为什么会这样。
我发布的 JSFiddle 是否在 Chrome 中为您工作？ JSFiddle with updated input code（没有区别）
如果你把JSFiddle代码复制到你的页面中，是不是在Chrome中仍然没有响应，还是问题解决了？
不，它仍然无法工作。刚刚尝试了带有 CSS 的 JSFiddle，看看那里是否存在问题，但没有，它在 JSFiddle 中仍然可以正常工作。对此真的很困惑

【解决方案2】：

您的代码在 Chrome 中运行良好。您能否告诉我们您使用的是哪个版本的 Chrome？我正在使用版本 41.0.2272.118 m 并且代码适用于我。同样在控制台中检查是否有任何 javascript 错误。如果它来了，那么首先解决那个错误。它需要解决所有的 javascript 错误。我正在放置我尝试过的代码。你可以点击“运行代码片段”来检查代码是如何工作的。

$(function () {
    var availableTags = [
        "La Plagne",
        "Geneva"
    ];
    $("#locationinput1, #locationinput2").autocomplete({
        source: availableTags,
        messages: {
            noResults: '',
            results: function () {}
        }
    });
});

<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.2.js"></script>  
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<input id="locationinput1" type="text" name="origin" placeholder="From (Airport/Resort)"/>
<input id="locationinput2" type="text" name="destination" placeholder="To (Airport/Resort)"/>

【讨论】：

在控制台中运行代码。收到以下错误：未捕获的类型错误：未定义不是函数。不知道如何解决这个问题。
不要在控制台中运行上面的代码。在 chrome 上运行您的应用程序并检查控制台是否存在应用程序错误。不应该有任何 javascript 错误