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