Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.03.2014, 16:34
Новичок на форуме
Отправить личное сообщение для nidise Посмотреть профиль Найти все сообщения от nidise
 
Регистрация: 14.03.2014
Сообщений: 7

Самопроизвольно закрывается клавиатура Android (jquery mobile 1.4.2)
Здравствуйте, у меня есть проект на intel XDK + jquery mobile 1.4.2. Решение моей задачи связанно с одним demo примером с сайта jquerymobile.com, а именно использование listview autocomplete c подгрузкой данных с удаленного хоста.

Все хорошо и прекрасно работает в эмуляторе, но когда делаю билд и устанавливаю такая картина: нажимаю на поле открывается клавиатура, набираю пару символов(сколько успеваю), приходит ответ И КЛАВИАТУРА ЗАКРЫВАЕТСЯ!

Вроде и код из примера с filterablebeforefilter (http://demos.jquerymobile.com/1.4.0/filterable/) и вообще тоже самое как на примере (http://demos.jquerymobile.com/1.4.2/...mplete-remote/) за исключением пары строк. А ВСЕ РАВНО КЛАВИАТУРА СКРЫВАЕТСЯ после получения ответа от сервера и вывода данных на экран! Подскажите пожалуйста, что делаю не так? Или может есть вариант вообще оставить открытой клавиатуру?

Вот код JS:

$(document).ready(function(){
 $( "#autocomplete" ).on( "filterablebeforefilter", function ( e, data ) {
        var $ul = $( this ),
            $input = $( data.input ),
            value = $input.val(),
            html = "";
        $ul.html( "" );
        if ( value && value.length > 0 ) {
            $ul.html( "<li><div class='ui-loader'><span class='ui-icon ui-icon-loading'></span></div></li>" );
            $ul.listview( "refresh" );
            $.ajax({
                url: "http://***adress.php",
                dataType: "json",
                crossDomain: true,
                data: {
                    q: $input.val()
                }
            })
            .then( function ( response ) {
                $.each( response, function ( i, val ) {
                    html += "<li>" + i + val + "</li>";
                });
                $ul.html( html );
                $ul.listview( "refresh" );
                $ul.trigger( "updatelayout");
            });
        }
    });
});


вот html
<ul id="autocomplete" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Find a city..." data-filter-theme="a"></ul>


Данные отдаются сервером в таком виде:

{"a":1,"b":2,"c":3,"d":4,"e":5}

Последний раз редактировалось nidise, 14.03.2014 в 16:50.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с эффектом перехода в jquery mobile gargon2013 jQuery 0 17.07.2013 14:05
Как сделать перенос строки в listview jQuery Mobile gargon2013 jQuery 0 17.07.2013 11:49
Карты и jQuery Mobile Родзевич Олег jQuery 4 07.02.2013 16:01
Ссылки в jQuery mobile Moonlight Мобильный JavaScript 1 05.04.2012 14:11
Каскадный список + jquery 1.4.2 bobo123456 jQuery 0 02.04.2010 21:59