如何在函数内使用Framework7预加载器

时间:2018-08-06 06:04:54

标签: phonegap html-framework-7

我有这个简单的登录功能,我想添加一个预加载器,尝试了他们文档中的内容后,我无法使预加载器显示任何提示,为什么? http://v2.framework7.io/docs/preloader.html来源。

$$('.button-login').on('click', function (e) {
            app.preloader.show();
            var username = $("#username").val();
            var password = $("#password").val();
            if(username != '' && password !='' ){
            app.request({ 
                url: 'https://server/login',
                contentType: 'application/json; charset=utf-8',
                data: JSON.stringify({
                    'username': username,
                    'password': password
                        }),
                type: "POST",
                dataType: "json",
                crossDomain: true,
                headers: {'Authorization' : 'Basic ' + btoa(username + ':' + password)},
            error: function (data) {
              app.preloader.hide();
              app.dialog.alert('Invalid username or password!', 'Login Error');
            },

            success: function (data)  {
                app.dialog.alert('Welcome ' + username, 'Login Success');
                localStorage.setItem('token', data.token);
                localStorage.setItem('authorization', 'Basic' + btoa(username + ':' +password));
                localStorage.setItem('username', username);
                app.preloader.hide();
                app.loginScreen.close();

1 个答案:

答案 0 :(得分:1)

您是否使用var app = new Framework7();来定义app? 控制台中有一些错误吗?

我为您制作了jsfiddle。选中here

如果要在ajax调用后隐藏预加载器覆盖,请使用dom7:$$('.preloader').hide();