title: Framework7 + Object Oriented Single-Page Script
body: <p>I use this object-oriented PHP script: <a href="http://phpsound.com/demo" rel="nofollow">http://phpsound.com/demo</a>
  Every page is loaded in a wrapper (wrapper.html) which contains the header and footer. The page layouts / templates are stored as explore/content.html , profile/content.html , etc.</p>
  
  <p>I tried using this in my wrapper.html:</p>
  
  <pre><code>&lt;div class="views"&gt;
    &lt;!-- Your main view, should have "view-main" class--&gt;
    &lt;div class="view view-main"&gt;
      &lt;!-- Top Navbar--&gt;
      &lt;div class="navbar"&gt;
        &lt;div class="navbar-inner"&gt;
          &lt;!-- We have home navbar without left link--&gt;
          &lt;div class="center sliding"&gt;{$title}&lt;/div&gt;
          &lt;div class="right"&gt;
            &lt;!-- Right link contains only icon - additional "icon-only" class--&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;!-- Pages, because we need fixed-through navbar and toolbar, it has additional appropriate classes--&gt;
      &lt;div class="pages navbar-through toolbar-through"&gt;
        &lt;!-- Page, data-page contains page name--&gt;
  
        {$content}
  
      &lt;/div&gt;
      &lt;!-- Bottom Toolbar--&gt;
      &lt;div class="toolbar"&gt;
        &lt;div class="toolbar-inner"&gt;&lt;a href="#" class="link"&gt;Link 1&lt;/a&gt;&lt;a href="#" class="link"&gt;Link 2&lt;/a&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The $content is automatically loaded through its respective html template file. The profile pages use the profile/content.html layout and the track pages use the track/content.html layout. So, I made each of these content pages appear as this:</p>
  
  <pre><code>  &lt;div data-page="explore(or whatever page template each is)" class="page"&gt;
       &lt;div class="page-content"&gt;
         &lt;div class="content-block-title"&gt;Welcome To My Awesome App&lt;/div&gt;
            &lt;div class="content-block"&gt;       
               &lt;div class="row-body{$content_class}"&gt;
                  {template content goes here}
               &lt;/div&gt;
            &lt;/div&gt;
         &lt;/div&gt;
       &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>The initial page then loads fine, but upon clicking any links, the page does not load the link and the title of the page just changed to "undefined". I tried disabling the ajax loading of pages but that didn't work either.
  So, how do I get a single page web app loading its pages through html template files that display dynamic user content via a PHP classes file to work with Framework7?</p>