1) Title 绑定
在导航条元素里运用 data-title 属性可以更换对应 section 的标题。
<section id="main"> <header data-title="默认标题"></header> <article id="first" class="active"> <button data-view-article="second" data-title="目前显示的是按钮二">按钮一</button> </article> <article id="second"> <button data-view-article="first" data-title="目前显示的是按钮一">按钮二</button> </article> </section>
效果图:
2) Element 绑定
可以通过 data-article 属性来实现显示不同页面内容的切换按钮。
<section id="main"> <header data-title="Element 绑定示例"> <nav class="on-right"> <button data-article="second" data-view-article="first">第一页</button> <button data-article="first" data-view-article="second">第二页</button> </nav> </header> <article id="first" class="active">目前显示的是第一页内容</article> <article id="second">目前显示的是第二页内容</article> </section>
效果图: