jquery autosuggestion通過提示列表導航

Question

我想用autosugestion創建searchtoolbar。我不想使用jquery自動完成插件。我已經創建了用於發送和接收從jquery到php和從php到jquery的信息的腳本。我已經得到了一切，但我想添加一個可能性，使用箭頭瀏覽點選列表。它不起作用。我認爲我的問題是，jQuery不能看到動態添加「李」。 你有什麼想法嗎？

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"); 
       } 
      } 
     }); 
    }); 

Answer 1

與$("ul.searchToolbarResultBoxList").on("keyup", "li", function(e){})

此結合事件監聽器的UL而不是每個L1替換$("ul.searchToolbarResultBoxList li").on("keyup", function(e){})。但是每個李的事件仍然會「起泡」到ul，並且this仍然會引用李。

docs