jQuery自動完成演示不起作用

Question

大家好，謝謝您抽出寶貴的時間閱讀這篇文章。 首先，請注意我對此並不陌生，所以如果我問愚蠢的問題或錯過了真正明顯的事情，請不要殺死我。

我想指出，我在論壇上搜索過有關我的問題的幾本書，但沒有成功。

我的問題：我正在嘗試實現最基本的jquery自動完成功能（ http://www.jqueryautocomplete.com/jquery-autocomplete-json-example.html ）

我的代碼：

<head>

<script src="js/jquery/jquery-1.7.1.min.js"></script>
<script src="js/jquery/jquery.ui.core.min.js"></script>
<script src="js/jquery/jquery.ui.widget.min.js"></script>
<script src="js/jquery/jquery.ui.position.min.js"></script>
<script src="js/jquery/jquery.ui.autocomplete.min.js"></script>
<link rel="stylesheet" href="js/jquery/smoothness/jquery-ui-1.8.16.custom.css"/>

</head>

<body>

<input type="text" id="search" />

</body>

<script>
var data = [
    {"label" : "Aragorn"},
    {"label" : "Arwen"},
    {"label" : "Bilbo Baggins"},
    {"label" : "Boromir"},
    {"label" : "Frodo Baggins"},
    {"label" : "Gandalf"},
    {"label" : "Gimli"},
    {"label" : "Gollum"},
    {"label" : "Legolas"},
    {"label" : "Meriadoc Merry Brandybuck"},
    {"label" : "Peregrin Pippin Took"},
    {"label" : "Samwise Gamgee"}
    ];
$(function() {
$( "#search" ).autocomplete(
{
     source:data
})
});
</script>

我曾嘗試添加$（document）.ready（function（），但未成功。我是否錯過了一些真正愚蠢的東西？

在此先感謝您的幫助！！！ 非常感激。

Answer 1

首先下載這些文件

<script src="js/jquery/jquery-1.7.1.min.js"></script>
<script src="js/jquery/jquery.ui.core.min.js"></script>
<script src="js/jquery/jquery.ui.widget.min.js"></script>
<script src="js/jquery/jquery.ui.position.min.js"></script>
<script src="js/jquery/jquery.ui.autocomplete.min.js"></script>

然后將其添加到您項目的js文件夾中，它將起作用

Answer 2

請檢查控制台是否有任何錯誤。我相信您尚未在項目目錄中添加所有js文件。 一切似乎在Fiddle中都運行良好，請確保為它們添加了所有具有正確腳本src的js

工作小提琴

$(function() {
 $( "#search" ).autocomplete(
 {
 source:data
 })
});

jQuery自動完成演示不起作用

問題描述

2 個解決方案

解決方案1
0 已采納 2014-01-01 05:49:06

解決方案2
0 2014-01-01 05:49:41

jQuery自動完成演示不起作用

問題描述

2 個解決方案

解決方案1 0 已采納 2014-01-01 05:49:06

解決方案2 0 2014-01-01 05:49:41

解決方案1
0 已采納 2014-01-01 05:49:06

解決方案2
0 2014-01-01 05:49:41