类型错误：自动完成不是一个函数 jQuery答案

【问题标题】：Type error: autocomplete is not a function jQuery类型错误：自动完成不是一个函数 jQuery
【发布时间】：2014-08-05 01:33:46
【问题描述】：

我有以下代码（在<head> 标签中）

<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<title th:unless="${pageTitle == 'TEMPLATE'}" th:text="${#strings.isEmpty(pageTitle) ? 'Broadleaf Demo - Heat Clinic' : pageTitle}"></title>

<title th:if="${pageTitle == 'TEMPLATE'}" th:remove="tag">
    <title th:inline="text" th:include="${templateName} :: title" />
</title>

<meta name="description" content="Broadleaf Demo Store" />
<meta name="author" content="Broadleaf Commerce" />

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />   
<meta name="viewport" content="width=device-width" />

<blc:bundle name="style.css" 
            mapping-prefix="/css/"
            files="style.css,
                   jquery.rating.css,
                   autocomplete.css" />

<link rel="stylesheet" th:unless="${#strings.isEmpty(additionalCss)}" />
<script src="../../js/jquery-1.10.2.js" th:src="@{/js/jquery-1.10.2.js}"></script>
<script src="../../js/jquery-ui-1.10.4.custom.min.js" th:src="@{/js/jquery-ui-1.10.4.custom.min.js}"></script>

<script src="../../js/libs/modernizr-2.5.3.min.js" th:src="@{/js/libs/modernizr-2.5.3.min.js}"></script>

<blc:googleAnalytics th:attr="orderNumber=${order != null ? order.orderNumber : null}" />
<script th:utext="${analytics}"></script>

我已经搜索了有关此问题的所有 Stackoverflow 问题，但我无法找到解决方案，因此我发布了此问题。

这里是已经加载的js文件

第一个 jQuery-1.9.1.js 似乎正在加载，所以我删除了 jQuery-1.10.2.js 但我收到 $() is not defined 错误。我无法删除 jQuery-1.9.1.js，因为我不知道它是从哪里加载的。似乎没有脚本标签加载这里加载的其他 js 文件。

提前致谢。

【问题讨论】：

如果您想讨论客户端问题，请同时显示客户端代码——而不是模板代码，这里没有人知道实际它的渲染结果将是。
你添加了 2 次 jquery 库。查找并删除实时加载的第一个链接
@CBroe 我自己找不到这段代码所在的位置，因为我是 Broadleaf 商务的新手。
@BluAngel 是的，一个似乎正在从 Google CDN 加载另一个来自 localhost。但我无法阻止从 Google CDN 加载该 js 文件。
如果您的页面中 JQuery 库包含不止一次，则会出现此类问题。如果您有所有文件，则从所有文件中搜索文本 'ajax.googleapis....'

标签： jquery jquery-ui jquery-ui-autocomplete broadleaf-commerce

【解决方案1】：

确保您拥有 jquery ui 自动完成的所有依赖项——它需要菜单、小部件、位置和当然核心（请注意，如果您正在加载整个 UI 库，则无需担心这一点）

【讨论】：

【解决方案2】：

在您的文件中添加 jquery 库 2 次。查找并删除实时加载的第一个链接，因为如果在您的页面中 JQuery 库包含不止一次，则会发生此类问题。如果您无法找到包含文件的位置，请从您的所有文件中找到此文本“ajax.googleapis....”

谢谢

【讨论】：