jquery mobileをオーバーライドできません

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

出典

2012-02-29 jongbanaag

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

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

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

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

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

出典

2012-02-29 06:59:30 Developer

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

私は窓の高さに私の分の高さを設定するページ上の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); 
});

出典

2013-04-03 14:10:42 Roz

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

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

出典

2013-08-30 06:49:21 isolus

jquery mobileをオーバーライドできません

答えて

関連する問題