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

在Google Chrome上加载页面前按F12键，如果正在加载jquery.autocomplete.js，请在“网络”标签中查看。如果不是，请使用正确的相对路径。

自动完成不是函数错误

1 个答案: