输入错误:autocomplete不是函数jQuery

时间:2014-03-17 10:22:05

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

我有以下代码(在<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文件

enter image description here

首先jQuery-1.9.1.js似乎正在加载,所以我删除了jQuery-1.10.2.js但是我得到的$()没有定义错误。我无法删除jQuery-1.9.1.js,因为我不知道从哪里加载。没有脚本标记似乎加载了此处加载的其他js文件。

提前致谢。

2 个答案:

答案 0 :(得分:1)

确保你拥有jquery ui自动完成的所有依赖项 - 它需要菜单,小部件,位置和当前核心(注意如果你正在加载整个UI库,不需要担心这个)

答案 1 :(得分:0)

在您的文件中添加jquery库2次。查找并删除实时加载的第一个链接,因为如果在您的页面中JQuery库包含多次,则会出现此类问题。 如果您无法找到所包含文件的位置,请查找此文字&#39; ajax.googleapis ....&#39;来自你的所有文件

由于