在Framework7中显示/隐藏页面加载时的预加载器
在Framework7中显示/隐藏页面加载时的预加载器
提问于 2018-05-18 20:17:04
我希望在页面加载时显示所有内容的预加载器，并在页面加载完成时隐藏它，并显示内容(我不是在谈论内部链接-就像您在浏览器中键入地址并等待页面加载时一样)。像这样的演示：https://demo.app-framework.com/
我试过了：
var app = new Framework7({
// App root element
root: '#app',
// App Name
name: 'My App',
// App id
id: 'com.myapp.test',
on: {
init: function () {
console.log('App initialized');
},
pageInit: function () {
console.log('Page initialized');
app.preloader.hide();
},
}
// ... other parameters
});
var mainView = app.views.create('.view-main');
app.preloader.show();但是它不工作，它像其他元素一样显示了加载器，并且没有隐藏它，我不确定这是不是可能的。如果有人能给我指出正确的方向，我将不胜感激。
回答 1
Stack Overflow用户
发布于 2018-05-23 03:16:52
页面上的文档有一个关于页面事件的部分。https://framework7.io/docs/page.html#page-name
在早期事件上使用app.preloader.show();，当您想要删除它时使用app.preloader.hide();。
pageBeforeIn: function (e, page) {
app.preloader.show();
},
pageAfterIn: function (e, page) {
app.preloader.hide();
},页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50411175
复制相关文章
相似问题