首先

思路是这样,要让用户点击一个连接并发起一个 ajax 请求,然后加载那个页面,并显示加载动画。

代码如下

可能会有点乱,将就着看吧:

加载动画代码:

<div class="mdui-progress load">
  <div class="mdui-progress-indeterminate"></div>
</div>

HTML

JS代码:

            function a(url){
        $.get(url,function(data){
        
        $(".load").css("display", "block");//首先显示加载动画
        
            $("#right").html(data)//然后加载页面
            cache: false//清除缓存(不知道有没有用)
            var $$ = mdui.JQ;//加载完了,弹出提示[MDUI]
                        mdui.snackbar({
                            message: '文档加载完成',
                            position: 'right-top'
                        });
  
                $(".load").css("display", "none");//回收动画
         });
         }

JavaScript

HTML代码:

<a onclick="a('in-win.html')" href="#in-win">运行在Windows<a>