Здравствуйте, у меня есть проект на 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}