Question

我只是想做这个小提琴：http://fiddle.jshell.net/dryydaxq/show/light/

但是我收到的错误是：

未捕获的ReferenceError：未定义jQuery（匿名函数）@ jquery-ui.min.js：6（匿名函数）@jquery-ui.min.js：6 multi-auto.js：13

未捕获的ReferenceError：$未定义

我确实参考了这个主题的一些讨论，并确保在插件之前包含jquery库。然后，该库将显示在源代码下的Chrome开发工具中。

有人能发现我做的错误吗？ HTML

..../

的jQuery

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="jquery-ui.css" />
<script src="jquery-ui.min.js"></script>
<script src="multi-auto.js"></script>

</head>

<body>
<div style="margin:10px 10px;padding:8px;width:90%;" class="ui-widget ui-widget-content ui-corner-all">
    <div style="margin:0 0 6px 2px;">Type in a color</div>

    <!-- This input control gets turned into the jquery ui widget -->
    <input id="search" type="text" style="padding:4px;font-size:.8em;width:95%;"/>
</div>

<div id="outputDiv" style="margin:10px">Select a color and the value will display here</div>



</body>
</html>

Answer 1

你没有包含jQuery。添加

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

到页面的头部（在jQuery UI之前）。

Answer 2

您只包含了jQuery UI库，而不是核心库本身。

您需要在HTML第7行的<script src="jquery-ui.min.js"></script>之前添加核心库。

包括以下内容：

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

或者预先下载jQuery核心库并以相同的方式包含它：

<script src="jquery.min.js">

以下是包含jQuery核心库的完整HTML源文件：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="jquery-ui.css" />
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script src="multi-auto.js"></script>

</head>

<body>
<div style="margin:10px 10px;padding:8px;width:90%;" class="ui-widget ui-widget-content ui-corner-all">
    <div style="margin:0 0 6px 2px;">Type in a color</div>

    <!-- This input control gets turned into the jquery ui widget -->
    <input id="search" type="text" style="padding:4px;font-size:.8em;width:95%;"/>
</div>

<div id="outputDiv" style="margin:10px">Select a color and the value will display here</div>



</body>
</html>

自动完成功能不适合小提琴

2 个答案: