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 работает отлично.

Любые другие идеи, как обнаружить включение / выключение клавиатуры, может быть, без обработчиков событий?

Ответы на вопрос(1)

Ваш ответ на вопрос