Привет, я создаю приложение Cordova 3 с JQuery Mobile 1,4

Safari и Chrome на моем Mac не имеют проблем со следующим, но когда я развертываю на реальном устройстве или симуляторе iOS и хочу напечатать в полях, я получаю фиксированные нижние элементы страницы, перемещающиеся вверх и перекрывающие элементы ввода. Курсор мигает в правильном положении, где находится поле ввода, но ползунок нижнего колонтитула скрывает его.

Для простоты моя страница выглядит так:

[заголовок исправлен] div с входным текстом div с входным текстом div с входным текстом [нижний колонтитул исправлен]

один из экземпляров входного текста

grams

ползунок внизу

Slider: 

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

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