title: framework7 Page Init Event Not Firing
body: <p>I am trying to use framework7 and cannot get the page init event to fire. The code I am using is very simple, and I have followed <a href="https://framework7.io/docs/pages.html" rel="nofollow noreferrer">the documentation</a> very carefully. No matter what I do, it never fires (nothing is logged to the console, and no errors).</p>
  
  <p>I created a <a href="https://codepen.io/sharphosting/pen/brwqGx" rel="nofollow noreferrer">pen here showing the problem</a>.</p>
  
  <p>I also tried it with the callback <code>myApp.onPageInit</code>. Nada.</p>
  
  <p>Any assistance greatly appreciated.</p>
  
  <p><strong>JS Code</strong></p>
  
  <pre><code>var myApp = new Framework7({});
  var $ = Dom7;
  var mainView = myApp.addView('.view-main', {
      dynamicNavbar: true
  });
  $(document).on('page:init', function (e) {
      alert("processing page init");
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="views"&gt;
    &lt;div class="view view-main navbar-through toolbar-through"&gt;
      &lt;div class="navbar"&gt;
        &lt;div class="navbar-inner"&gt;
          &lt;div class="center"&gt;Framework7&lt;/div&gt;        
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="toolbar"&gt;
        &lt;div class="toolbar-inner"&gt;
          &lt;a href="#" class="link"&gt;Left&lt;/a&gt;
          &lt;a href="#" class="link"&gt;Right&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="pages"&gt;
        &lt;div class="page" data-page="home"&gt;
          &lt;div class="page-content"&gt;
            &lt;div class="content-block"&gt;
              &lt;p&gt;Hi there!&lt;/p&gt;            
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>