JQuery Mobile, как сосредоточиться на этом элементе после фильтрации (поиска) его - PullRequest
Новая
       7

JQuery Mobile, как сосредоточиться на этом элементе после фильтрации (поиска) его

0 голосов
/ 10 ноября 2018

Я занимаюсь разработкой приложения для tizen tv samsung. он использует jquery mobile 1.3.2. Моя цель после ввода ввода и поиска элемента из списка. Первый элемент списка должен быть сфокусирован (я использую jquery.sidebar.min.js, чтобы показать мой список на этой динамической панели). пожалуйста, покажите код в демоверсии (например, jsfidle) 

 <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-й элементы с помощью клавиатуры. пожалуйста, помогите мне

...