无法覆盖jquery手机
问题描述:
如果我在div上指定data-role="page"
,它会添加element.style min-height
。我只需要它在一个特定的高度,因为在Android模拟器它溢出。我试过在css端添加!important
,但仍然没有任何效果。帮帮我?无法覆盖jquery手机
答
我以前有过这些问题,而且我知道这可能不是解决问题的最佳方法,但它在过去对我有效。在div属性中设置样式。
<div data-role="page" style="min-height: 0;">
+0
它没有工作。当我看着萤火虫仍然被设定为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);
});
答
你必须重写调整大小功能,防止事件的传播:
$(window).on("resize", function (event) {
// Make your stuff with the page height:
// $.mobile.activePage.css("min-height", "999px");
event.stopImmediatePropagation();
});
显示一些代码,'如果正确使用important'应该工作。 – SpliFF 2012-02-29 06:58:10
“min-height”是否被JavaScript添加了?这将覆盖任何CSS声明(包括带有'!important'的声明)。一旦页面加载完成,您可以附加一个事件将其更改回来(我不知道如何为jQuery Mobile完成此操作的具体细节)。 – 2012-02-29 07:31:48