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

Question

Я работаю в twitter Bootstrap с PHP. Я создаю форму поиска и применяю автозаполнение к поисковому полю, но его не работает, хотя он отлично работает, когда я тестирую его за пределами моего рабочего каталога.

Вот мои JQuery файлы:

<script type="text/javascript" 
     src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
     <script type="text/javascript" 
     src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 
     <script type="text/javascript" src="assets/js/jquery.autocomplete.js"></script> 
     <script type="text/javascript"> 
       $(document).ready(function(){ 
        $("#term").autocomplete({ 
         source:'action.php', 
         minLength:1 
        }); 
       }); 
     </script> 
    <script src="assets/js/bootstrap-datepicker.js"></script> 
     <script type="text/javascript"> 
      $("#datepicker").datepicker(); 
     </script> 

     <script type="text/javascript"> 
      $("#datepicker1").datepicker(); 
     </script> 

     <script type="text/javascript"> 
      $("#datepicker2").datepicker(); 
     </script> 

     <script type="text/javascript"> 
      $("#datepicker3").datepicker(); 
     </script> 

     <script type="text/javascript"> 
      $("#datepicker4").datepicker(); 
     </script> 

и вот мой поле поиска в виде:

<input type="text" class="span3 search-query" id="term" name="term" placeholder="search by customer-name, company-name and location" autocomplete="off"> 

Вот CSS для автозаполнения:

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" /> 

Вот мой action.php файл:

<?php 
include("config.php"); 
$term=$_GET["term"]; 

$query=mysql_query("SELECT * FROM customers where name like '%".$term."%'"); 
$json=array(); 

    while($customer=mysql_fetch_array($query)){ 
     $json[]=array(

        'value'=> $customer["name"], 
        'label'=>$customer["name"], 

         ); 
    } 

echo json_encode($json); 

?> 

Answer 1

В Google Chrome нажмите F12 перед загрузкой страницы и посмотреть на вкладке «Сеть», если jquery.autocomplete.js загружается. Если его нет, используйте для этого правильный относительный путь.