Jquery mobile 1.4 на iOS фиксированные элементы внизу страницы скрывают ввод текста на фокусе
Привет, я создаю приложение Cordova 3 с JQuery Mobile 1,4
Safari и Chrome на моем Mac не имеют проблем со следующим, но когда я развертываю на реальном устройстве или на симуляторе iOS и хочу напечатать в полях, я получаю нижние фиксированные элементы страницы, перемещающиеся вверх и перекрывающие элементы ввода. Курсор мигает в правильном положении, где находится поле ввода, но ползунок нижнего колонтитула скрывает его.
Для простоты моя страница выглядит так:
[заголовок исправлен] div с входным текстом div с входным текстом div с входным текстом [нижний колонтитул исправлен]
один из экземпляров входного текста
<input data-role="none" class="inputCalc gray_br" type="text" id="grams4" value="37"><div class="macro_g">grams</div>
ползунок внизу
<div id="cal_slider" style="position:fixed; bottom:0px; left:0px; height:57px; width:100%; background-color:#E2E2E2;">
<form style="padding-top:6px" class="full-width-slider"><label for="slider-12" class="ui-hidden-accessible">Slider:</label> <input type="range" data-highlight="true" name="slider-12" id="slider-12" min="0" max="100" value="50"></form>
</div>
Jquery, чтобы показать скрытие в фокусе и размытие событий
$(document).on('focus', 'input , text', function(e){
// I have try with --> $("#grams4").focus( function () {... // but it's the same
console.log("on focus fired");
$("#cal_slider").hide();
});
$(document).on('blur', 'input, text', function(e){
console.log("on blur fired");
$("#cal_slider").show();
});
Так что я пытался сфокус () а такжеразмытие () события для переключения (показать и скрыть) ползунок. Отлично работает на Chrome и Safari.
Но на реальном устройстве (iPhone 5 iOS7), когда я нажимаю на текстовое поле ввода, цикл работает, как и ожидалось, только в первый раз:
(1) Я получаю журнал фокусировки, нижний колонтитул скрыт, (2) появляется клавиатура и (3) я могу ввести введенный текст.
Затем (4), когда я нажимаю кнопку Готово, клавиатура скрывается, и все в порядке. (5) Я получаю событие размытия в консоли, и нижний колонтитул с ползунком показывает снова. Отлично.
Однако, если я снова коснусь любого из текстовых полей ввода, я получу журнал размытия в консоли, а не фокус, как ожидалось, и ползунок снова вернется перед полем ввода.
Как я уже говорил выше в Chrome, Safary работает отлично.
Любые другие идеи, как обнаружить включение / выключение клавиатуры, может быть, без обработчиков событий?