Framework7入门页面"pageInit“不工作
Framework7入门页面"pageInit“不工作
提问于 2014-04-07 04:23:57
有人用framework7创建移动网站吗？我发现它很棒，并且尝试自己学习它，现在我遇到了这个问题，在我创建我的应用程序之后，我想在初学者页面初始化上做一些事情，这里，我的初学者页面是index.html，我设置了data- page ="index"，现在我写如下：
$$(document).on('pageInit', function (e) {
var page = e.detail.page;
// in my browser console, no "index page" logged
if (page.name === 'index') {
console.log("index page");
});
// but I changed to any other page other than index, it works
// my browser logged "another page"
if(page.name === 'login') {
console.log('another page');
}
});有人能帮忙吗？非常感谢。
回答 3
Stack Overflow用户
发布于 2014-06-24 08:34:33
我以前也遇到过同样的问题。
PageInit事件不适用于初始页面，只适用于导航到的页面，如果导航到其他页面，然后返回索引页，则只对索引页有效。
所以我在这里看到两种选择：
- 只是不要将
pageInit事件用于索引页--只对其进行一次初始化(只需确保在所有html准备就绪后将此javascript放入，或者例如，在文档就绪事件上使用jquery)。 - 最初将索引页保持为空，然后通过Framework7 7的
mainView.loadContent方法动态加载它，然后pageInit事件将对它起作用(对于我来说，这是一个很好的选择，因为每次都有不同的索引页，而且我已经从下划线模板动态加载了所有其他页面)。
Stack Overflow用户
发布于 2017-05-27 20:28:47
我面临着同样的问题，在各种论坛上尝试了所有的解决方案。实际上什么都没起作用。但是在大量的RnD之后我偶然发现了下面的解决方案..。
var $$ = Dom7;
$$(document).on('page:init', function (e) {
if(e.detail.page.name === "index"){
//do whatever.. remember "page" is now e.detail.page..
$$(e.detail.page.container).find('#latest').html("my html here..");
}
});
var me = new Framework7({material: true});
var mainview = me.addView('.view-main', {});
.... and whatever else JS here..
这是完美的..。令人惊讶的是，在初始化它之前，您可以使用"me“。
Stack Overflow用户
发布于 2016-11-13 07:22:39
对于第一页的使用，最好使用文档就绪事件。对于重新加载页面事件，您最好使用Reinit事件。如果jquery使用了。
$(document).on('ready', function (e) {
// ... mainView.activePage.name = "index"
});
$(document).on('pageReinit', function (e) {
//... this event occur on reloading anypage.
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22903581
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号