javascript - framework7 页面初始化事件未触发

Question

我正在尝试使用 framework7，但无法触发页面初始化事件。我使用的代码很简单，我已经按照the documentation做了很小心。无论我做什么，它都不会触发(没有任何内容记录到控制台，也没有错误)。

我创建了一个 pen here showing the problem .

我也用回调 myApp.onPageInit 试过了。纳达。

非常感谢任何帮助。

JS代码

var myApp = new Framework7({});
var $ = Dom7;
var mainView = myApp.addView('.view-main', {
    dynamicNavbar: true
});
$(document).on('page:init', function (e) {
    alert("processing page init");
});

HTML

<div class="views">
  <div class="view view-main navbar-through toolbar-through">
    <div class="navbar">
      <div class="navbar-inner">
        <div class="center">Framework7</div>        
      </div>
    </div>
    <div class="toolbar">
      <div class="toolbar-inner">
        <a href="#" class="link">Left</a>
        <a href="#" class="link">Right</a>
      </div>
    </div>
    <div class="pages">
      <div class="page" data-page="home">
        <div class="page-content">
          <div class="content-block">
            <p>Hi there!</p>            
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Answer 1

@SuperDuperApps，我设法运行了代码。与 Djiggy 建议的非常相似，如果您延迟 init 它对我有用(如下)。但是，如果您不想在第一页和后续页面上调用它，那么您的代码就可以使用。只需尝试添加一个类似于文档中的链接(到 about.html)并且它有效

var myApp = new Framework7({
    init: false
});
var $ = Dom7;
var mainView = myApp.addView('.view-main', {
    dynamicNavbar: true
});
$(document).on('page:init', function (e) {
    alert("processing page init");
});
myApp.init()

注意:PageInit 不会在返回时调用。