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> 

Frage: mdl-layout__tab-Bar Tabs ist mit Abschnitt ID synchronisiert (Beispiel: #Aboutus, # Technology), Wo, wie mdl-Schublade für jeden Inhalt separate HTML-Datei muss, wird es nicht mit Abschnitt id Arbeits (Beispiel: #Aboutus, #Technology), sind mögliche Wege, um es zu erreichen, anstatt separate HTML-Datei zu erstellen. Dankmdl-materialdesignlite-schubladenmenü funktioniert nicht?

Antwort

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> 

Schließlich habe ich eine Lösung .. Zugabe mdl-layout__drawer in sectionblock Dies wird einige von ihnen helfen, die in dieser stecken geblieben ..

Verwandte Themen