3

入力ボックスに「suggestions」というdivが表示され、検索結果とともにコンパイルされると、各結果がpタグの間に表示されます。

マウスを使って結果を選択することもできますが、上下のキーを使って結果を選択できるようにしたいと思います。

これまでのところ、提案ボックスを押すと再び表示され（すでに表示されていることはわかっていますが、それは別の問題です）、最初のpタグにフォーカスを追加しようとしています。押し続けると、結果をフィルタリングして、毎回「アクティブ」のクラスを追加および削除できるようにするにはどうすればよいですか。そして明らかに上がることについても同じですか？

私は非常に多くのランダムなプラグインを見つけましたが、それらはすべて、私が達成しようとしていることに対して複雑でかさばるようです。

$('#search input#q').keypress(function (e) {
    switch (e.keyCode) {
        // User pressed "up" arrow
    case 38:
        $('#suggestions').fadeOut('fast');
        break;

    case 40:
        // User pressed "down" arrow
        $('#search input#q').blur();
        $('#suggestions').fadeIn();
        $('#suggestions p').focus();

    }
});

ありがとう

4

1 に答える 1

1

オートコンプリートは、jQuery チームがサポートするウィジェットです。矢印キーを使用して選択し、入力する機能があります。また、そのコアはシンプルなプラグインです (機能を簡単に拡張できます)。

http://jqueryui.com/demos/autocomplete/

乾杯、アウィリック

于 2010-09-23T19:07:04.247 に答える