2

私はこのオートコンプリート tut を使用しています: http://www.jensbits.com/2010/03/29/jquery-ui-autocomplete-widget-with-php-and-mysql/。

jQuery が表示されません。実際に灰色の線 (画像に表示) をクリックすると、すべてが読み込まれます。何故か名前しか見えません。

問題があるのではないかと思いましたが、css関連するものは見つかりませんでした。

私の結果は次のようになります

<div class="guestinfo">
        <form action='' method="POST">
        <div class="ui-widget">
            <div class="existingguest"><label>Exisiting Guest</label>
            <input type="text" class="auto" name="guests" id="guests"/></div>
            </div>  
            <div class="existingguestinfo">
            <div><label>First Name</label><input readonly="readonly" type="text" id="firstname" name="firstname"/></div>
            <div><label>Last Name</label><input readonly="readonly" type="text" id="lastname" name="lastname"/></div>

            <script>
                $(function() {
                    $('.auto').val("");

                    $(".auto").autocomplete({
                        source: "classes/autocomplete_guests.php",
                        minLength: 1,
                        select: function(event, ui) {
                            $('#firstname').val(ui.item.fname);
                            $('#lastname').val(ui.item.lname);
                            $('#address').val(ui.item.address);
                            $('#phone').val(ui.item.phone);
                        }
                    });
                });
            </script>

            <!--<div><label>Add New Guest</label></div>-->
            <div><label>Address</label><input readonly="readonly" type="text" id="address" name="address"/></div>

            <div><label>Phone</label><input readonly="readonly" type="text" id="phone" name="phone"/></div>
            </br></div>
        </form>
    </div>  <!-- end guestinfo div -->

autocomplete_guests.php

<?php
//open connection
require_once('../config/db.php');
$con = mysqli_connect(DB_HOST, DB_USER, DB_PASS, DB_NAME);

$return_arr = array();

/* If connection to database, run sql statement. */
if ($con)
{
    $fetch = mysqli_query($con, "SELECT * FROM guests WHERE lname like '%".mysqli_real_escape_string($con, $_GET['term'])."%'");

    /* Retrieve and store in array the results of the query.*/
    while ($row = mysqli_fetch_array($fetch, MYSQL_ASSOC)) {
        $row_array['id'] = $row['id'];
        $row_array['lname'] = $row['lname'];
        $row_array['fname'] = $row['fname'];
        $row_array['gender'] = $row['gender'];
        $row_array['address'] = $row['address'];
        $row_array['city'] = $row['city'];
        $row_array['state'] = $row['state'];
        $row_array['phone'] = $row['phone'];
        $row_array['email'] = $row['email'];
        $row_array['dob'] = $row['dob'];
        $row_array['zip'] = $row['zip'];

        array_push($return_arr,$row_array);
    }
}

/* Free connection resources. */
mysqli_close($con);

/* Toss back results as json encoded array. */
echo json_encode($return_arr);
?>
4

2 に答える 2

2

あなたがすべき

1) 次のようなスクリプト タグを記述します。<script type="text/javascript">

2) JavaScript をフォームの途中ではなく、ページの下部に配置します... (?!!)

3) その関数の準備ができているドキュメントを追加して、ページの読み込みが完了したときに実行されるようにします。 $( document ).ready(function() {

4) 必要な jquery ファイル (Jquery Core、Jquery UI など) がすべて含まれていることを確認します。

5) それが問題だと思われる場合は、CSS を提供してください。

編集：

無視 3. プラグインのドキュメントを見ただけです。

于 2013-10-22T23:15:00.873 に答える
-3

Jqueryスクリプトの前にこれらの行を試してみてください

====間違っていたらすみません=====

于 2014-01-30T13:58:36.257 に答える