2017-03-13 2 views
0
<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> 

Question: onglets mdl-layout__tab-bar sont synchronisés avec l'identifiant de section (exemple: #Aboutus, # Technologie), Lorsque, mdl-tiroir a besoin fichier .html pour chaque contenu, il ne fonctionne pas avec l'identifiant de section (exemple: #Aboutus, # Technology), est un moyen possible de le réaliser, plutôt que de créer un fichier html séparé. Mercimdl-materialdesignlite-menu tiroir ne fonctionne pas?

Répondre

0
<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> 

Enfin, je suis une solution .. ajoutant mdl-layout__drawer dans sectionblock Cela vous aidera peu d'entre eux qui est resté coincé dans ce ..