0

我正在使用带有 jQ​​uery mobile 的 ASP.NET MVC4 为 iPad 构建移动应用程序。

我有一个带有提交按钮的页面。提交时，它转到另一个页面。在第二个页面加载之前有一些时间延迟，在此期间，用户会看到一个白色页面。

如何显示加载动画而不是白页？

我使用了http://www.tkglaser.net/2012/02/waiting-spinner-for-long-running-form.html，但是除了“白色”页面之外，加载动画会暂时显示，我需要显示它“代替”。

在提交表单后但在第二页实际显示之前如何捕获事件的任何想法？

4

1 回答 1

0

可以的，我给你做了个例子。这不是您想要的 100%（这是一个相当复杂的示例，您需要单击列表视图），但您会明白这一点：http: //jsfiddle.net/Gajotres/AzXdT/

基本上我在我的示例中所做的是在页面即将被隐藏时显示 ajax 加载器：

$(document).on('pagebeforehide', '[data-role="page"]',function(e,data){  
    var loader = setInterval(function(){
        $.mobile.loading('show');
        clearInterval(loader);
    },1); 
});

并在加载另一个/相同页面时隐藏它：

$(document).on('pageshow', '[data-role="page"]',function(e,data){  
    var loader = setInterval(function(){
        $.mobile.loading('hide');
        clearInterval(loader);
    },1); 
});

setInterval 在这里是因为 web kit 浏览器在显示 ajax 加载器时出现问题。

于 2013-04-30T22:58:07.510 回答