jquery - 页面显示之前的事件

Question

在我的单页 jquery 移动应用程序中，我$('#div').on('pageshow', function(){})用于从 json Web 服务加载我的一些页面上的数据（我还在其他不需要每次查看时都重新加载的页面上使用 pageinit）。

虽然这一直很好，但我遇到了页面加载空白的问题，然后在加载数据后重新绘制。我确信这是预期的性能，但我真的很想在页面呈现之前加载数据，这样访问者就不会首先看到空白页面。

是否有页面加载前事件？另外，是否有一个可以在页面上调用的事件的好列表.on()？我已经搜索了几个小时，但找不到任何东西。

Answer 1

这只是您担心页面闪烁的问题吗？

如果是这样，你总是可以这样做：

body { display:none }

然后在使用 jquery 加载数据后

$("body").show();

您还可以在屏幕上“加载” gif 图形（http://www.ajaxload.info），而不是仅仅不显示任何内容......这将是一个更好的方法。

Answer 2

你应该使用pagebeforeshow事件：

$('#div').on('pagebeforeshow', function(){})

看看我的另一篇文章，有一个完整的页面事件触发列表，从第一个到最后一个。或者可以在这里找到。