ниже приведен мой код
<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/
Может ли кто-нибудь сказать мне, почему я получаю эту ошибку на других страницах моего сайта, в то время как она работает на индексной странице.Любая помощь будет принята с благодарностью.Спасибо.
Нашел проблему, я включал другой файл jquery для моего google переводчика, они конфликтовали друг с другом и в результате не загружалась функция автозаполнения.
Похоже, что автозаполнение вызывается до того, как библиотека, определяющая его, будет загружена - если это имеет смысл?
Если ваш скрипт встроен, а не ссылается, переместите его в нижнюю часть страницы. Или (мой предпочтительный вариант) поместите скрипт во внешний .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, на которые он опирается :)
Обратите внимание, что если вы не используете полную библиотеку jquery UI, это может сработать, если вам не хватает Widget, Menu, Position или Core. В зависимости от вашей версии jQuery UI могут быть разные зависимости