jquery mobile을 재정의 할 수 없습니다

Question

div에 data-role="page"을 지정하면 element.style min-height이 추가됩니다. 안드로이드 에뮬레이터에서 오버 플로우가 발생하기 때문에 특정 높이에 있어야합니다. 나는 CSS 측에 !important를 추가하는 것을 시도했다 그러나 아직도 아무것도 작동하지 않는다. 도움?

Answer 1

이전에 이러한 문제가 있었지만이를 해결하는 가장 좋은 방법은 아닐지 모르지만 과거에는 저에게 효과적이었습니다. div 속성에서 스타일을 설정합니다.

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

Answer 2

이 게시물은 오래 알고 있지만 경우에 사람이 페이지 I 창 높이에 내 최소 높이를 설정 에 최소 높이 스타일을 오버라이드 (override)하는 자바 스크립트이 ... 사용하는 방법을 궁금해 .

$("#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(); 
});