Question

我有一个带有固定页脚的jQuery Mobile（1.0.1）页面：

<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");
});

我错过了什么？

Answer 1

您是否尝试过调用JQM updatelayout事件？

有关详情，请参阅此page。

尝试这样的事情：

$("div[data-role='content']").trigger("create").trigger( 'updatelayout' );

如何在向DOM添加元素后调整jQuery Mobile页面的大小？

1 个答案: