css - jQuerymobile を使用した下部の CSS フッター

Question

ここで同じ質問が正常に解決されましたが、jquerymobile を使用しています

これは、jQmobile http://jsfiddle.net/ca11111/tCdPX/12/を使用しないスクリプトです。

jQmobile スクリプトとリンク ヘッド タグを追加するだけです:
http://jsfiddle.net/ca11111/tCdPX/13/

動作しません

Answer 1

jQuery モバイルは、クラスでページ ラッパーを追加しますui-page。CSS定義height: 100%;も必要です。

ui-pagehtml と body の css 定義にクラスを追加します。

html, body, .ui-page {
    height: 100%;
}

更新された例も参照してください。

Answer 2

私の最善の解決策：

$(document).ready(function(){
    $("html, body, .ui-page").height($(window).height());
}

お役に立てれば。