.autocomplete не является функцией Ошибка

ниже приведен мой код

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

И мой Html код

<div class="ui-widget">
<input name="searcharea" class="selectarea" id="searcharea" type="text" value="" placeholder="Area">
</div>

А моя функция

<script>
$(function(){
    $( "#searcharea" ).autocomplete({
        source: "suggestions.php"
    });
    $( "#searchcat" ).autocomplete({
        source: "suggestions1.php"
    });
});
</script>

Я включил эту страницу в отдельный файл с поисковым кодом моего сайта и внедрил ее на различные страницы, На моей индексной странице она предлагает мне значения из исходных файлов, но на других страницах она выдает ошибку ввода в строке

$( "#searcharea" ).autocomplete({

Ссылка на мой сайт: http://www.jodhpuryp.in/

Это источник моего блока автосуггестии http://api.jqueryui.com/autocomplete/

Может ли кто-нибудь сказать мне, почему я получаю эту ошибку на других страницах моего сайта, в то время как она работает на индексной странице.Любая помощь будет принята с благодарностью.Спасибо.

Программирование
autocomplete html jquery autosuggest
25-го октября 2013 в 1:25
37 просмотров
Решение

Нашел проблему, я включал другой файл jquery для моего google переводчика, они конфликтовали друг с другом и в результате не загружалась функция автозаполнения.

Комментарии (2)

Похоже, что автозаполнение вызывается до того, как библиотека, определяющая его, будет загружена - если это имеет смысл?

Если ваш скрипт встроен, а не ссылается, переместите его в нижнюю часть страницы. Или (мой предпочтительный вариант) поместите скрипт во внешний .js-файл, а затем ссылайтесь на него:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="yourNewJSFile"></script>

Редактировать: если вы размещаете скрипт во внешнем файле, убедитесь, что на него ссылаются ПОСЛЕ всех библиотек JQuery, на которые он опирается :)

Krayg
Редактировал ответ 25-го октября 2013 в 2:33
Комментарии (4)

Обратите внимание, что если вы не используете полную библиотеку jquery UI, это может сработать, если вам не хватает Widget, Menu, Position или Core. В зависимости от вашей версии jQuery UI могут быть разные зависимости

Комментарии (0)