Невозможно переопределить jquery mobile

Question

если я укажу data-role="page" на div, он добавит element.style min-height. Мне нужно, чтобы он был на определенной высоте, потому что на эмуляторе Android он переполняется. Я попытался добавить !important на стороне css, но все равно ничего не работает. Помогите?

Answer 1

У меня были эти проблемы раньше, и я знаю, что это, вероятно, не самый лучший способ исправить, но он работал для меня в прошлом. Установите стиль в свойстве div.

<div data-role="page" style="min-height: 0;"> 

Answer 2

Я знаю, что этот пост старый, но в случае, если кто-то интересно, как это сделать ... Использовать Javascript, чтобы переопределить стиль мин-высота на странице я могу установить мин-высоту до высоты окна ,

$("#mypanelright").on("panelopen", function(event, ui) { 
    var window_height = $(window).height(); 
    var thestyle = 'min-height:' + window_height + 'px'; 
    $("div:jqmData(role='page')").attr('style', thestyle); 
}); 

Answer 3

Вы должны переопределить функцию изменения размера и предотвратить распространение события:

$(window).on("resize", function (event) { 
    // Make your stuff with the page height: 
    // $.mobile.activePage.css("min-height", "999px"); 
    event.stopImmediatePropagation(); 
});