Предупреждение. Это старый ответ на старый вопрос, относящийся к 2011 году. Вам следует посоветовать использовать более свежий выпуск jQuery и проверить руководство по API для получения рекомендаций.
Проблема, с которой вы столкнулись, заключается в том, что вы используете плагин jQuery Autocomplete , но вы называете его так, как вы называете jQuery UI autocomplete .
Если вы используете автозаполнение пользовательского интерфейса jQuery, сам код работает нормально, как вы можете увидеть в этой скрипке .Если вы используете плагин автозаполнения, вы должны изменить вызов на
$("#seed_one").autocomplete(data);
Предложения:
- Использовать автозаполнение в пользовательском интерфейсе jQuery вместо плагина автозаполнения.Последний устарел.
- Исправлено http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js, к этому времени доступ невозможен
Полный код для jQuery UI
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"];
$("#seed_one").autocomplete({source:data});
});
</script>
</head>
<body>
<input id="seed_one" type="text" name="seed_one"/>
</body>
</html>
Полный код для автозаполнения плагина:
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"];
$("#seed_one").autocomplete(data);
});
</script>
</head>
<body>
<input id="seed_one" type="text" name="seed_one"/>
</body>
</html>