0

autosugestion で searchtoolbar を作成したいと思います。jquery オートコンプリート プラグインを使用したくありません。jquery から php へ、および php から jquery へ情報を送受信するためのスクリプトを既に作成しています。私はすべてを手に入れましたが、矢印を使用してホイントのリストをナビゲートする可能性を追加したいと考えています。うまくいきません。私の問題は、jquery が動的に追加された「li」を認識できないことだと思います。何かアイデアはありますか？

HTML:

<section id="search_toolbar_input">
                <section class="searchToolbarResultBox">
                    <ul class="searchToolbarResultBoxList" id="thislist">
                    <li><input placeholder="Szukaj..." type="text" id="topper_search" class="searchToolbar" name="topper_search"></li>
                   </ul>
                </section>
             </section>

jQuery:

$("body").on("focus","ul.searchToolbarResultBoxList li",function() {
        var li = $("ul.searchToolbarResultBoxList li");
        var selected;
        $("ul.searchToolbarResultBoxList li").on("keyup",function(e){

            if(e.which == 40)
            {
                $('ul').listview();
                li.eq(1).css('backgroundColor','blue');
                if(selected)
                {
                                    var tmp = selected;
                                    selected.removeClass("selected");
                    selected = tmp.next().addClass("selected");
                }
                else {
                    selected = li.eq(0).addClass("selected");
                }
            }
        });
    });
4

1 に答える 1

0

$("ul.searchToolbarResultBoxList li").on("keyup", function(e){})と置き換えます$("ul.searchToolbarResultBoxList").on("keyup", "li", function(e){})

これにより、イベント リスナーが各 li ではなく ul にバインドされます。ただし、各 li からのイベントは引き続き ul に「バブルアップ」しthis、li を参照します。

ドキュメント

于 2013-06-23T15:02:23.137 に答える