title: Framework7 cannot properly load page
body: <p>I have a framework7 application:</p>
  
  <pre><code>var myApp = new Framework7();
  var $$ = Dom7;
  var mainView = myApp.addView('.view-main', {
      dynamicNavbar: true
  });
  myApp.onPageInit('index', function (page) {
      console.log('index page');
      mainView.router.loadPage('login.html');
  }
  </code></pre>
  
  <p>It does not transition to login.html.</p>
  
  <p>Index.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui"&gt;
  &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt;
  &lt;meta name="apple-mobile-web-app-status-bar-style" content="black"&gt;
  &lt;meta name="format-detection" content="telephone=no"&gt;
  &lt;meta name="msapplication-tap-highlight" content="no"&gt;
  
  &lt;link rel="stylesheet" href="lib/framework7/css/framework7.ios.min.css"&gt;
  &lt;link rel="stylesheet" href="lib/framework7/css/framework7.ios.colors.min.css"&gt;
  
  &lt;link rel="stylesheet" href="css/styles.css"&gt;
  &lt;link rel="stylesheet" href="css/eventFeed.css"&gt;
  &lt;link rel="stylesheet" href="css/eventPage.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;!-- Status bar overlay for full screen mode (PhoneGap) --&gt;
  &lt;div class="statusbar-overlay"&gt;&lt;/div&gt;
  
  &lt;div class="panel-overlay"&gt;&lt;/div&gt;
  &lt;div class="panel panel-left panel-reveal"&gt;
      &lt;div class="list-block theme-gray"&gt;
          &lt;div class="list-block-label" id="slideoutlist-name"&gt;User     Profile&lt;/div&gt;
          &lt;ul&gt;
              &lt;a href="EventFeed.html" class="item-link item-content close-panel"&gt;Feed&lt;/a&gt;
          &lt;/ul&gt;
          &lt;ul&gt;
              &lt;a href="#" class="item-link item-content close-panel" id="logout"&gt;Logout&lt;/a&gt;
          &lt;/ul&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="views"&gt;
  &lt;div class="view view-main"&gt;
      &lt;div class="navbar" id="navbar"&gt;
          &lt;div class="navbar-inner"&gt;
              &lt;div class="right"&gt;
  
                  &lt;a href="#" class="link icon-only open-panel"&gt;&lt;i class="icon icon-bars"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="pages navbar-through toolbar-through"&gt;
          &lt;div data-page="index" class="page"&gt;
              &lt;div class="page-content"&gt;
                  &lt;div class="content-block"&gt;
                      &lt;p&gt;INDEX PAGE&lt;/p&gt;
                      &lt;a href="EventFeed.html"&gt;Feed&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript" src="lib/framework7/js/framework7.min.js"&gt;                    
  &lt;/script&gt;
  &lt;script type="text/javascript" src="lib/jquery/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="lib/facebook/all.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/my-app.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>And the login is the standard login on <a href="https://framework7.io/docs/login-screen.html" rel="nofollow noreferrer">https://framework7.io/docs/login-screen.html</a>.</p>
  
  <p>It was working about a day or two ago until I merged branches. I then reverted back to this branch but it still does not work. If I do mainView.router.loadPage('asdf.html') or any other page, it works, but it just does not work for login.html. Why is this?</p>