>我在"测试模板"示例中添加了一个简单的MDL抽屉元素(从 getmdl.io 开始),并设置href='#overview"以链接到"概述"内容页面。单击抽屉元素中的相关链接时,没有任何反应! 我希望内容部分呈现"概述"页面,类似于单击标题部分中的选项卡。 显然,我一定做错了什么。 这是一个片段,显示了"概述"页面的抽屉元素和打开div 元素。
...</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">...
任何帮助将不胜感激! 谢谢。
请问这是哪个模板 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>
它在 URL 上播放#href
,页面保持不变。用它交叉检查你的结构,如果可能的话,给我更多的代码,我检查一下?