如何在添加元素到DOM后调整jQuery Mobile页面的大小?
问题描述:
我有一个jQuery Mobile的(1.0.1)页面具有固定页脚:如何在添加元素到DOM后调整jQuery Mobile页面的大小?
<footer data-role="footer" data-position="fixed">
<a href="#">Click Me!</a>
</footer>
当我添加元素的DOM,页脚栏(这显然不应该移动)滚出的底部屏幕 - 根据添加到DOM的元素的高度。 (灰色)页面的上一个结尾和页脚栏的新位置之间也有白色背景。
如果向下滚动并备份,格式化将被纠正。
我使用的是Chrome,但它也出现在Mobile Safari和IE中。
,增加元素到DOM的代码是:
$("footer a").click(function() {
$("div[data-role='content']").append($("<button>Button A</button>"), $("<button>Button B</button>"), $("<button>Button C</button>"), $("<button>Button D</button>"));
$("div[data-role='content']").trigger("create");
});
我缺少什么?
答
您是否尝试过调用JQM updatelayout事件?
查看此page了解更多信息。
尝试这样:
$("div[data-role='content']").trigger("create").trigger('updatelayout');
是的,就是这样。也似乎在(新发布)1.1.0中修复,所以也许我应该尝试升级。 – dommer 2012-04-19 17:00:34