まず、検索候補用の jQuery プラグインがあることを知っています。私がこれを尋ねている理由は、私が自分の特定のニーズに合わせて作成したためであり、(単にプラグインを使用するのではなく) jQuery でスクリプトを作成する方法を学ぶことに興味があるからです。ペーストビンに貼り付けたコードを参照してください。問題ないことを願っています。
オリジナル: http://pastebin.com/VFuXY4iX
ややjQuer化: http://pastebin.com/S86ES8bH
私が苦労している2つのことは次のとおりです。
-- 元の (および現在の jQuery のもの) は、DOM 子インデックスによって子ノードにアクセスします (unhilite()
関数を参照)。jQueryでこれを行う方法が見つかりませんでした。私が見つけることができる最も近いものは です.next("selector")
が、要素には、DOM インデックスを除いて、キーを押すことができるセレクターがありません。私は次のようなことをすることでこれを克服することを考えていました:
$('.hilited')
.next('li')
.addClass('hilited')
.end()
.removeClass('hilited');
これでうまくいくでしょうか?編集:うまく機能したとしても、そのようなDOMインデックスにアクセスする方法はありますか(将来の参考のために)?
-- 第二に、キーボード イベントを jQuery にバインドする方法が具体的にわかりません (プラグインを使用せずに、避けたい - これも学習目的で)。でも、うまくいくと思いbind()
ますkeydown()
。
$('#target').keydown(function(event) {
if (event.keyCode == '40') {
//next
} else if (event.keyCode == '40') {
//previous
}
)};
誰か提案はありますか?ありがとうSO、あなたは私のお気に入りです!
PS- sajax_do_call は、なじみのない人のための Mediawiki AJAX 構文です...