Question

我有这个简单的登录功能，我想添加一个预加载器，尝试了他们文档中的内容后，我无法使预加载器显示任何提示，为什么？ 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();

Answer 1

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

我为您制作了jsfiddle。选中here。

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

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

1 个答案: