Question

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

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

是否有一个之前的pageload事件？另外，在使用.on()在页面上调用的事件中是否有一个很好的列表？我搜索了几个小时，但一直找不到任何东西。

Answer 1

这是一个你担心页面闪烁的问题吗？

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

body { display:none }

然后用你的jquery加载数据

$("body").show();

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

Answer 2

您应该使用 pagebeforeshow 事件：

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

看看我的其他 ARTICLE ，有一个完整的页面事件列表，从第一个到最后一个触发。或者可以找到 HERE 。