JQuery UI Autcomplete не работает - PullRequest
0 голосов
/ 19 июля 2011

Я пытаюсь реализовать функцию автозаполнения пользовательского интерфейса jquery, и у меня возникают всевозможные проблемы.Первоначально я получил ошибку «автозаполнение, а не функция», но перемещение всех ссылок на мои скрипты внизу тела позволило устранить эту ошибку (по неизвестной причине).Теперь автозаполнение просто не работает, и я не получаю больше ошибок.Первоначально я использовал свой собственный код, но так как он не работал, я переключился на пример, чтобы все пошло как надо.

Вот Javascript:

<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script src="content/js/custom/jquery.ui.core.min.js"></script>
<script src="content/js/custom/jquery.ui.widget.min.js"></script>
<script src="content/js/custom/jquery.ui.position.min.js"></script>
<script src="content/js/custom/jquery.ui.autocomplete.min.js"></script>

<script>
$(function() {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
    ];
    $( "#auto" ).autocomplete({
        source: availableTags
    });
});
</script>

Редактировать: Наконец, получил HTML, чтобы показать.Вот поле ввода

<input type="text" id="auto" name="auto"/>

Я проверил все операции импорта, и, насколько я могу судить, их все можно найти, и у меня есть все зависимости.Я запускаю это на Mozilla Firefox 5.0 в Windows XP.

Заранее спасибо за помощь!

Ответы [ 2 ]

0 голосов
/ 19 июля 2011

Я скопировал ваш код в jsfiddle (ссылка следует), который работает.

Я бы использовал firebug , чтобы убедиться, что все файлы JavaScript загружаются так, как вы ожидаете, и что нет ошибок

Если нет, проверьте журналы вашего веб-сервера.

http://jsfiddle.net/m6ST6/1/

0 голосов
/ 19 июля 2011

Можете ли вы попробовать таким образом. Я сделал так:

<html>
<head>
<script type="text/javascript" src="path/jquery.js"></script>
<script type='text/javascript' src='path/jquery.autocomplete.js'></script>
<link rel="stylesheet" type="text/css" href="path/jquery.autocomplete.css" />
<script>
$(document).ready(function(){
$("#input_id").autocomplete(["ab","cd"]);
});
}); 
</script>
</head>
...
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...