Не удается переопределить мобильное устройство jquery

Question

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

Answer 1

Я знаю, что этот пост старый, но в случае, если кто-то задается вопросом, как это сделать ... Используйте 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 2

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

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

Answer 3

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

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