0

私は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);

?>
4

1 に答える 1

0

Google chrome では、ページをロードする前に F12 キーを押し、[ネットワーク] タブで jquery.autocomplete.js がロードされているかどうかを確認します。そうでない場合は、正しい相対パスを使用してください。

于 2013-09-16T10:49:37.823 に答える