jquerymobileのcontent高さ100%画面の空き領域を満たす

Why

before

after

How

code

Refer

jquerymobileから転送されたcontentの高さ100%が画面の残りのスペースを満たしています
Why
contentがスペースを満たすためにjsコードが必要です.
<画像は参考記事から>
before
after
How
あなたの初期化方法でinitHeightSettingを呼び出して、最初のpageのidに伝えればいいです.
code

///        
function setHeight(nextPage) {
    var screen = $.mobile.getScreenHeight();
    var header = nextPage.children(".ui-header").hasClass("ui-header-fixed") ? nextPage.children(".ui-header").outerHeight() - 1 : nextPage.children(".ui-header").outerHeight();
    var footer = nextPage.children(".ui-footer").hasClass("ui-footer-fixed") ? nextPage.children(".ui-footer").outerHeight() - 1 : nextPage.children(".ui-footer").outerHeight()
    var contentCurrent = nextPage.children(".ui-content").outerHeight() - nextPage.children(".ui-content").height();
    var content = screen - header - footer - contentCurrent;
    nextPage.children(".ui-content").height(content);
}

///          .
function initHeightSetting(yourFirstPageId) {
    //              .          
    setHeight($(yourFirstPageId));

    //              .    
    $( "body" ).on( "pagecontainershow", function( event, ui ) {
        var nextPage = $(ui.toPage[0]);
        setHeight(nextPage);
    });
}

Refer
CONTENT “DIV” HEIGHT – FILL PAGE HEIGHT