自动完成不是功能错误

Question

我正在使用 PHP 在 Twitter Bootstrap 中工作。我制作了一个搜索表单并将自动完成应用于搜索字段，但它不起作用，但当我在我的工作目录之外对其进行测试时它工作正常。

这是我的 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

在加载页面之前在谷歌浏览器上按 F12，如果 jquery.autocomplete.js 正在加载，请在“网络”选项卡中查看。如果不是，请使用正确的相对路径。