材料設計精簡版：在抽屜UI元素中使用導航鏈接

我已將一個簡單的MDL抽屜元素添加到「測試模板」示例（來自getmdl.io）並將href ='＃overview'設置爲鏈接到「概覽' 內容頁。點擊抽屜元素中的相關鏈接時，沒有任何反應！我期待內容部分呈現「概覽」頁面，類似於點擊標題部分中的標籤。顯然，我一定在做錯事。以下是顯示「概覽」頁面的抽屜元素和開放div元素的代碼片段。材料設計精簡版：在抽屜UI元素中使用導航鏈接

...</header> 
     <div class="mdl-layout__drawer"> 
     <nav class="mdl-navigation"> 
      <a class="mdl-navigation__link" href="#overview">Overview</a> 
      <a class="mdl-navigation__link" href="#features">Features</a> 
     </nav> 
     </div> 
     <main class="mdl-layout__content"> 
     <div class="mdl-layout__tab-panel is-active" id="overview">...

任何幫助將不勝感激！謝謝。

來源

2016-03-02 ASmith

請問哪個模板在getmdl.io中？

我已經這樣做了：

<body> 
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> 
     <header class="mdl-layout__header"> 
      <div class="mdl-layout__header-row">  
       <span class="mdl-layout-title">Material Design Grid</span>   
      </div>  
     </header> 
    <div class="mdl-layout__drawer"> 
     <span class="mdl-layout-title">Material Design Tutorial</span> 
      <nav class="mdl-navigation"> 
       <a class="mdl-navigation__link" href="#home">Home</a> 
       <a class="mdl-navigation__link" href="#about">About</a> 
      </nav> 
    </div> 
    <main class="mdl-layout__content"> 
     ... 
    </main> 
</body>

和它的diplaying的URL #href和頁面保持靜止。交叉檢查你的結構，如果可能的話，給我更多的代碼，我檢查我的目的？

來源

2016-03-02 15:10:37

感謝您的回覆。我一直在使用「純文本」模板（getmdl.io/templates/text-only/index.html）並添加了用於測試目的的抽屜元素。當我點擊鏈接時（從抽屜元素），頁面保持不變。 – ASmith

材料設計精簡版：在抽屜UI元素中使用導航鏈接

回答

相關問題