mdl-materialdesignlite-drawer 菜单不起作用？

Question

 <div class="mdl-layout--large-screen-only mdl-layout__tab-bar mdl-js-    
 ripple-effect mdl-color--primary-dark ">          
  <a href="#Aboutus" class="mdl-layout__tab is-active">Aboutus</a>
  <a href="#Technology" class="mdl-layout__tab">Technology</a>
  <a href="#Outsource" class="mdl-layout__tab">Outsourcing</a>
   <a href="#Training" class="mdl-layout__tab">Training</a>
   <a href="#Techblog" class="mdl-layout__tab">Techblog</a>
  <a href="#Careers" class="mdl-layout__tab">Careers</a>
  <a href="#Contactus" class="mdl-layout__tab">Contactus</a>
  <button class="mdl-button mdl-js-button mdl-button--fab mdl-js-
    ripple-effect mdl-button--colored mdl-shadow--4dp mdl-color--  
    accent" id="add"> 
   <i class="material-icons" role="presentation">add</i>
    <span class="visuallyhidden">Add</span>
   </button>
   </div>        
   </header>
  <div class="mdl-layout__drawer">
   <span class="mdl-layout-title">MaterialDesignLite</span>
   <nav class="mdl-navigation">
   <a href="#Aboutus" class="mdl-navigation__link">Overview</a>
  <a href="#Training" class="mdl-navigation__link">Features</a>
  <a href="#features" class="mdl-navigation__link">Details</a>
  <a href="#features" class="mdl-navigation__link">Technology</a>
  <a href="#features" class="mdl-navigation__link">FAQ</a>
  </nav>
 </div>

问题：mdl-layout__tab-bar 选项卡与部分 id 同步（例如：#Aboutus ,#Technology）， 当 mdl-drawer 需要为每个内容单独的 .html 文件时，它不适用于部分 id（例如：#Aboutus ，#Technology），有任何可能的方法来实现它，而是创建单独的 html 文件。 谢谢

Answer 1

<div class="mdl-layout__tab-panelmdl-layout__drawer" id="Techblog">
<section>
<div>
<div>
<div class="techblogimage">
<img class="article-image" src="images/techblog/3.png" border="0" alt="">
</div> 
</div>
</div>
</section>     
</div>

终于有办法了。。 在 sectionblock 中添加 mdl-layout__drawer 这将对陷入困境的少数人有所帮助..