无法覆盖jquery手机

如果我在div上指定data-role="page"，它会添加element.style min-height。我只需要它在一个特定的高度，因为在Android模拟器它溢出。我试过在css端添加!important，但仍然没有任何效果。帮帮我？无法覆盖jquery手机

来源

2012-02-29 jongbanaag

显示一些代码，'如果正确使用important'应该工作。 – SpliFF 2012-02-29 06:58:10

// on css #container {min-height：0！important; }这不起作用。即使把它放在内联。 – jongbanaag 2012-02-29 07:10:46

“min-height”是否被JavaScript添加了？这将覆盖任何CSS声明（包括带有'！important'的声明）。一旦页面加载完成，您可以附加一个事件将其更改回来（我不知道如何为jQuery Mobile完成此操作的具体细节）。 – 2012-02-29 07:31:48

我以前有过这些问题，而且我知道这可能不是解决问题的最佳方法，但它在过去对我有效。在div属性中设置样式。

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

来源

2012-02-29 06:59:30 Developer

它没有工作。当我看着萤火虫仍然被设定为685px。基于我读过的jquery mobile是根据页面的宽度和高度动态设置的。我只是想能够摆脱这一点，并按照我自己的条件设置它。 – jongbanaag 2012-02-29 07:09:08

我知道这个职位是旧的，但如果你想知道如何做到这一点？使用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手机

回答

相关问题