2012-02-29 13 views
0

divにdata-role="page"を指定すると、element.style min-heightが追加されます。私はアンドロイドエミュレータでそれがオーバーフローするため、特定の高さにある必要があります。私は、CSSの側に!importantを追加しようとしましたが、まだ何も動作しません。助けて?jquery mobileをオーバーライドできません

+0

は '、いくつかのコードを表示し、正しく使用した場合important'は動作するはずです。 – SpliFF

+0

// css #container {min-height:0!important; }これは動作しません。それをインラインにしても。 – jongbanaag

+0

'min-height'はJavaScriptによって追加されていますか?それはCSS宣言( '!important'を持つ宣言を含む)を上書きします。ページの読み込みが完了したら、イベントを添付して変更することもできます(jQuery Mobileでこれを行う方法の詳細はわかりません)。 –

答えて

0

私はこれまでにこれらの問題を抱えていましたが、これはおそらくこれを修正する最善の方法ではないことがわかっていますが、それは過去に私のために働いていました。 divプロパティのスタイルを設定します。

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

それは働かなかった。火かき棒を見るとまだ685pxに設定されています。私が読んだことに基づいて、jquery mobileはページの幅と高さに応じてこれを動的に設定しています。私はちょうどそれを取り除くことができるようにしたいと私は自分の条件で今設定します。 – jongbanaag

1

私は窓の高さに私の分の高さを設定するページ 上のmin-heightスタイルをオーバーライドするためには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); 
}); 
0

あなたは、サイズ変更機能を無効にし、イベントの伝播を防止する必要があります!

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