2012-02-29 109 views
0

如果我在div上指定data-role="page",它會添加element.style min-height。我只需要它在一個特定的高度,因爲在Android模擬器它溢出。我試過在css端添加!important,但仍然沒有任何效果。幫幫我?無法覆蓋jquery手機

+0

顯示一些代碼,'如果正確使用important'應該工作。 – SpliFF 2012-02-29 06:58:10

+0

// on css #container {min-height:0!important; }這不起作用。即使把它放在內聯。 – jongbanaag 2012-02-29 07:10:46

+0

「min-height」是否被JavaScript添加了?這將覆蓋任何CSS聲明(包括帶有'!important'的聲明)。一旦頁面加載完成,您可以附加一個事件將其更改回來(我不知道如何爲jQuery Mobile完成此操作的具體細節)。 – 2012-02-29 07:31:48

回答

0

我以前有過這些問題,而且我知道這可能不是解決問題的最佳方法,但它在過去對我有效。在div屬性中設置樣式。

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

它沒有工作。當我看着螢火蟲仍然被設定爲685px。基於我讀過的jquery mobile是根據頁面的寬度和高度動態設置的。我只是想能夠擺脫這一點,並按照我自己的條件設置它。 – jongbanaag 2012-02-29 07:09:08

1

我知道這個職位是舊的,但如果你想知道如何做到這一點? 使用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(); 
});