jQuery移动Ajax旋转轮

时间:2013-01-31 15:00:30

标签: jquery ajax jquery-mobile

我尝试显示一些旋转轮,而ajax正在为下一页显示加载一些数据,我可以正确捕获ajax start和ajax stop事件,因为我可以从console.log看到它们但我看不到旋转车轮!

  $(document).ajaxStart(function(){
            console.log("started");
            $('#loading').show();        
            $.mobile.showPageLoadingMsg("a", msg, false);
    }).ajaxStop(function(){
                console.log("stopped");
                $('#loading').hide();
                $.mobile.hidePageLoadingMsg();
            });

有趣的是,当我回到上一页时轮子有效,但是当我用

进入另一页时却没有
     $.mobile.changePage("settings.html", {
                transition: "flip",
                reverse: false
            });

1 个答案:

答案 0 :(得分:1)

这解决了问题;

$( '主体')addClass( 'UI加载');

$( '主体')removeClass( 'UI加载');

有关详细信息,请参阅;

jQuery Mobile - Problems getting showPageLoadingMsg to work with pagebeforeshow or pagebeforeceate