时间戳

首页 > 解决方案 > 如何在函数中使用framework7预加载器

phonegap - 如何在函数中使用framework7预加载器

问题描述

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

标签： phonegaphtml-framework-7

解决方案

你var app = new Framework7();以前定义过app吗？控制台中是否有一些错误？

我为你制作了 jsfiddle。在这里检查。

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

推荐阅读