Question

我使用这个面向对象的PHP脚本：http://phpsound.com/demo 每个页面都加载一个包含页眉和页脚的包装器（wrapper.html）。页面布局/模板存储为explore / content.html，profile / content.html等。

我尝试在wrapper.html中使用它：

<div class="views">
  <!-- Your main view, should have "view-main" class-->
  <div class="view view-main">
    <!-- Top Navbar-->
    <div class="navbar">
      <div class="navbar-inner">
        <!-- We have home navbar without left link-->
        <div class="center sliding">{$title}</div>
        <div class="right">
          <!-- Right link contains only icon - additional "icon-only" class--><a href="#" class="link icon-only open-panel"> <i class="icon icon-bars"></i></a>
        </div>
      </div>
    </div>
    <!-- Pages, because we need fixed-through navbar and toolbar, it has additional appropriate classes-->
    <div class="pages navbar-through toolbar-through">
      <!-- Page, data-page contains page name-->

      {$content}

    </div>
    <!-- Bottom Toolbar-->
    <div class="toolbar">
      <div class="toolbar-inner"><a href="#" class="link">Link 1</a><a href="#" class="link">Link 2</a></div>
    </div>
  </div>
</div>

$ content通过各自的html模板文件自动加载。配置文件页面使用profile / content.html布局，轨道页面使用track / content.html布局。因此，我将每个内容页面显示为：

  <div data-page="explore(or whatever page template each is)" class="page">
     <div class="page-content">
       <div class="content-block-title">Welcome To My Awesome App</div>
          <div class="content-block">       
             <div class="row-body{$content_class}">
                {template content goes here}
             </div>
          </div>
       </div>
     </div>
  </div>

然后初始页面加载正常，但点击任何链接后，页面不会加载链接，页面标题只会更改为“未定义”。我尝试禁用页面的ajax加载，但这也不起作用。那么，如何让单页Web应用程序通过html模板文件加载其页面，这些文件通过PHP类文件显示动态用户内容以与Framework7一起使用？

Framework7 +面向对象的单页脚本

0 个答案: