1

Ajax 応答が表示されない Chrome でのみ問題が発生しています。奇妙なことに、ページのメイン メニューにカーソルを合わせると、応答が表示され、メイン メニューからマウスを離しても応答が止まります。

より具体的な説明を次に示します。このページには、ユーザーが連絡先の名前を入力できる検索ボックスが含まれています。ユーザーが入力すると、提案された連絡先のリストを返す ajax 要求が行われます。ユーザーは、そのリスト内の連絡先に対応するラジオ ボタンをクリックして、その 1 人の連絡先情報をすべて表示できます。その時点までは、すべて正常に動作します。しかし、ユーザーが検索ボックスに戻って検索を変更すると、以前に返された連絡先のリストは消えますが、新しい検索からの新しいリストは表示されません。ラジオ ボタンをクリックすると、次の検索で ajax 応答が表示されなくなります。奇妙なことに、ユーザーがページ上部のメイン メニュー (CSS を使用) にカーソルを合わせると、応答が表示されます。また、ユーザーがマウスをメニューから離しても、その後すべてが正常に機能した場合にも残ります。ページ構造は次のとおりです。

        <div id="fixedTopBar">
        <?php
            include("include/mainMenu.php");
        ?>
    </div>
    <div id="pageContent">
        <div id="contactListContainer">
            <form>
                <input id="contactSearchBox" type="text" autocomplete="off" onkeyup="showHint(this.value, 'contactList', null , 'include/ajax/getContacts.php')">
            </form>
            <div id="contactList">
                <form>
                    <?php
                        echoAllContacts(getContactsFromDatabase());
                    ?>
                </form>
            </div>
        </div>
        <div id="profile"></div>

ajax リクエストは id="contactSearchBox" 入力の showHint() 関数で作成され、応答は id="contactList" div 内に表示されます。

つまり、ラジオ ボタンをクリックすると問題が発生し、トップ メニューにカーソルを合わせると問題が解決します (非常に奇妙なことではありませんか?)。

何かアイデアがある場合、または私が言ったことが意味をなさない場合は、問題を追跡するために必要な他のコードを教えてください。

前もって感謝します！

4

1 に答える 1

0

私はいくつかのcssで私の問題を解決することができました:

id="contactListContainer" div が配置されました: 修正されました ...絶対に配置すると、問題はなくなりました。さて、実際に修正して問題を起こさないようにするには、position:fixed または position:absolute プロパティを子 div id="contactList" に追加する必要もありました。

于 2012-12-24T03:45:16.343 に答える