php - 動的に追加された要素に加えられた変更は自動的に元に戻ります

Question

PHP経由liでページ内の要素を動的に追加しています。ul

<ul class="auto-suggest-list" id="theul"></ul>

次に、jquery を使用して、リストのカスタム キーボード ナビゲーション (上下) を作成しました。

$(document).on('keyup', '.auto-suggest-textbox', function(e) {
    if($(this).val() != ''){
        $('.auto-suggest-list').slideDown();

        if(e.which == 38){
            position--;
            $('.auto-suggest-list').css('background-color','#fff');
            $('.auto-suggest-list li:nth-child(' + position + ')').css('background-color','#ddd');
        }
        else if(e.which == 40){
            position++;
            $('.auto-suggest-list').css('background-color','#fff');
            $('.auto-suggest-list li:nth-child(' + position + ')').css('background-color','#ddd');
        }

    }
    else if($(this).val() == ''){
        $('.auto-suggest-list').slideUp();
    }
});

ただし、リスト項目の背景色は 1 秒後に元に戻ります#fff。背景色のプロパティのCSSはありません。またtext()、リスト項目などの他の機能も試してみましたが、すべて元に戻ります!

これは、li-s を提供する PHP コードの一部です。

while($row=mysql_fetch_array($query_run)){
echo '<li>';
echo '<input type="hidden" value="'.$row['reciever_id'].'" name="recipients[]" />';
echo '<span>'.get_user_field('first_name',$row['reciever_id']).' '.get_user_field('last_name',$row['reciever_id']).'</span>';
echo '</li>';

}