javascript - jquery mobile 过滤（搜索）后如何关注该项目

Question

我正在为 tizen tv 三星开发一个应用程序。它使用jquery mobile 1.3.2 我的目标是在输入输入并从listview 中搜索一个项目后，listview 中的第一个项目将被聚焦（我使用jquery.sidebar.min.js 在该动态面板中显示我的listview）。请在演示中显示代码（如 jsfiled）

 <input id='input' type='text'>

 <ol id="listUl" data-role="listview" data-icon="false"  style="margin-right: 5px;"> 

//动态列表视图

     document.getElementById('input').addEventListener('change', function() {
          $("#input").on('keyup', function(){
            var value = $(this).val().toLowerCase();
          $("#listUl li").each(function () {
           if ($(this).text().toLowerCase().search(value) > -1) {
               $(this).show();

               $("#listUl").focus();
               $(this).prev('.itemListClass').last().show();


           } else {
               $(this).hide();
           }
       });

   });

// 这是我如何动态地使用 json 解析添加项目列表

if (ind === 1)  {
        return "<li class=\"itemListClass\" id=\"movieListId\" data-theme=\"b\" style=\"padding-top:25px;padding-left: 15px;line-height:70px\"><a style=\"font-size:1.5em;\" class=\"list\"  href='" + entry.video_url + "'>" + entry.title[0] + "</a></li>";

    }else {

    return "<li class=\"itemListClass\" id=\"movieListId\" style=\"padding-left: 15px;margin-left: 10px;line-height:70px\"><a style=\"font-size:1.5em;\" class=\"list\"  href='" + entry.video_url + "'>" + entry.title[0] + "</a></li>";
    }

我试过 $("#listUl").focus(); 在没有运气的情况下打开侧面板后聚焦 listView 的第一项，我在电视上使用这个应用程序，所以没有鼠标或只点击键盘（通过遥控器）。我的第二个目标是在过滤后的列表视图中聚焦第一个项目后，我可以通过键盘导航（聚焦）第二个、第三个和第 n 个元素。请帮我

标签： javascriptjquerycssjquery-mobile